摘要：示例使用的模板的指令通過(guò)從引用來(lái)實(shí)現(xiàn)模板的繼承。上面的模板定義了三個(gè)，分別命名為和。同時(shí)返回相應(yīng)錯(cuò)誤的數(shù)字狀態(tài)碼。示例帶有導(dǎo)航欄的基礎(chǔ)應(yīng)用程序模板這個(gè)模板中的塊中只是一個(gè)名為的元素，它包含了在派生模板中定義的名為的空。

Bootstrap是Twitter的一個(gè)開(kāi)源框架，提供用戶(hù)交互組件來(lái)創(chuàng)建一個(gè)清新且有吸引力的web頁(yè)面，并兼容所有現(xiàn)代web瀏覽器。

Bootstrap是一個(gè)客戶(hù)端框架，服務(wù)端不直接參與。服務(wù)端需要做的就是提供HTML響應(yīng)，引用層疊樣式表（CSS）和JavaScript文件并通過(guò)HTML、CSS、和JavaScript代碼來(lái)實(shí)例化需要的組件。模板是做這些的理想地方。

集成Bootstrap到應(yīng)用程序最好的方式是在模板中做一些必要的改變。一個(gè)簡(jiǎn)單點(diǎn)的途徑就是使用Flask-Bootstrap擴(kuò)展去簡(jiǎn)化集成工作?？梢酝ㄟ^(guò)pip來(lái)安裝Flask-Bootstrap：

(venv) $ pip install flask-bootstrap

Flask擴(kuò)展通常在應(yīng)用程序?qū)嵗粍?chuàng)建的時(shí)候初始化。示例3-4展示Flask-Bootstrap的初始化。

示例3-4. hello.py：Flask-Bootstrap初始化

from flask.ext.bootstrap import Bootstrap
# ...
bootstrap = Bootstrap(app)

和第二章的Flask-Script一樣，F(xiàn)lask-Bootstrap從flask.ext命名空間導(dǎo)入并通過(guò)傳遞應(yīng)用程序?qū)嵗綐?gòu)造函數(shù)來(lái)初始化。

一旦Flask-Bootstrap被初始化，一個(gè)包含所有Bootstrap文件的基礎(chǔ)模板就可供應(yīng)用程序使用了。這個(gè)模板利用Jinja2的模板繼承，應(yīng)用程序則可以擴(kuò)展一個(gè)擁有通用頁(yè)面結(jié)構(gòu)，且包含Bootstrap導(dǎo)入的元素的基礎(chǔ)模板。示例3-5展示作為派生模板的新版user.html。

_示例3-5. templates/user.html： 使用Flask-Bootstrap的模板

{% extends "bootstrap/base.html" %}
{% block title %}Flasky{% endblock %}
{% block navbar %}





{% endblock %}

{% block content %}



  

    
Hello, {{ name }}!
 
  



{% endblock %}

Jinja2的extends指令通過(guò)從Flask-Bootstrap引用bootstrap/base.html來(lái)實(shí)現(xiàn)模板的繼承。Flask-Bootstrap的基礎(chǔ)模板提供一個(gè)包含Bootstrap CSS和JavaScript文件的web頁(yè)面骨架。

基礎(chǔ)模板定義了一些可以被派生模板重寫(xiě)的block。block和endblock指令定義了被添加到基礎(chǔ)模板中block的內(nèi)容。

上面的user.html模板定義了三個(gè)block，分別命名為title、navbar和content?；A(chǔ)模板里的這些block輸出派生模板定義的內(nèi)容。title塊比較簡(jiǎn)單；它的內(nèi)容將出現(xiàn)在