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>标签语句 |
使用方法相当简单，你只需要从对应的模板路径导入宏，然后调用即可并传入必要的参数。