flask-bootstrap不同于单独使用bootstrap的地方

最新推荐文章于 2025-06-28 09:36:03 发布

GeekLeee

最新推荐文章于 2025-06-28 09:36:03 发布

阅读量5.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： -----flask -----bootstrap

本文链接：https://blog.youkuaiyun.com/GeekLeee/article/details/52554898

在使用Bootstrap时，通常需要手动导入CSS和JS文件。然而，使用Flask-Bootstrap可以简化这一过程，因为它在`bootstrap/base.html`中已经包含了必要的资源。通过在Flask模板中继承`bootstrap/base.html`，可以直接在`{% block content %}`和`{% endblock %}`之间添加内容，无需额外导入文件。这使得在Flask框架中应用前端设计更加方便。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题：

bootstrap 如何使用
在这个网站我学到了怎么单独使用bootstrap
步骤 1 :
因为bootstrap用到了html5的特性，为了正常使用，需要在最开头加上

<!DOCTYPE html>

步骤 2 : 导入js 导入css
接着导入js和css
Bootstrap需要JQuery才能正常工作，所以需要导入jquery.mini.js
接着是 Bootstrap的css，里面定义了各种样式
最后是 Boottrap的js，用于产生交互效果，比如关闭警告框
注：顺序不要搞错了，否则有一些效果会出不来。
首先是JQuery
然后是Bootstrap css
最后是Bootstrap js。

<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script