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>標簽語句 |
使用方法相當簡單，你只需要從對應的模板路徑導入宏，然后調用即可並傳入必要的參數。