flask之bootstrap4

pip install bootstrap-flask

from flask_bootstrap import Bootstrap

from flask import Flask

 

bootstrap = Bootstrap()

 

def create_app():

    app = Flask(__name__)

    bootstrap.init_app(app)

    

    return app

渲染wtform表单

{% extends "base.html" %}
{% from 'bootstrap/form.html' import render_form %}

<div class="row-fluid">
   {{ render_form(form) }}
</div>

 

base.html中直接使用

{% block styles %}
    {{ bootstrap.load_css() }}
{% endblock %}

{% block styles %}
    {{ bootstrap.load_css() }}
{% endblock %}

宏	模板路径	说明
render_field()	bootstrap/form.html	渲染一个WTForms表单字段
render_form()	bootstrap/form.html	渲染一个WTForms表单类
render_pager()	bootstrap/pagination.html	渲染一个简单分页导航，包含上一页和下一页按钮
render_pagination()	bootstrap/pagination.html	渲染一个标准分页导航部件
render_nav_item()	bootstrap/nav.html	渲染一个导航条目
render_breadcrumb_item()	bootstrap/nav.html	渲染一个面包屑条目
render_static()	bootstrap/utils.html	渲染一个资源引用语句，即 <link>或<script>标签语句

使用方法相当简单，你只需要从对应的模板路径导入宏，然后调用即可并传入必要的参数。