Flask 中支持 flask-bootstrap模板 和 bootstrap-flask模板
# 不使用: bootstrap-flask
# pip install bootstrap-flask==1.3.1 # 支持bootstrap 4
# pip install flask-bootstrap # 支持bootstrap3
# 中文文档:
https://flask-bootstrap-zh.readthedocs.io/zh/latest/
# 样式文档:
https://v3.bootcss.com/getting-started/#download
一. flask-bootstrap 模板使用
(1). 下载: pip install flask-bootstrap
(2). 在 ext / __init__.py中 创建bootstrap对象
(3). 在 apps/__init__.py中 初始化bootstrap
文章来源:https://www.toymoban.com/news/detail-679163.html
二. flask-bootstrap内置block
// bootstrap内置的block
{% block title %}标题{% endblock %}
{% block navbar %}导航栏{% endblock %}
{% block content %}中心内容{% endblock %}
{% block styles %}样式{% endblock %}
{% block srcipts %}脚本{% endblock %}
{% block head %}头{% endblock %}
{% block body %}体{% endblock %}
// styles 和 scripts 需要继承父模板
// 添加css脚本
{% block styles %}
{{ super() }} // 继承腹肌样式
<style> //定义自己样式
...
</style>
{% endblock %}
// 添加js脚本
{% block scripts %}
{{ super() }}
<script>
...
</script>
{% endblock %}
三. 代码实例
文章来源地址https://www.toymoban.com/news/detail-679163.html
到了这里,关于16- flask-bootstrap模板的使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!