摘要：示例使用的模板的指令通過從引用來實現模板的繼承。上面的模板定義了三個，分別命名為和。同時返回相應錯誤的數字狀態碼。示例帶有導航欄的基礎應用程序模板這個模板中的塊中只是一個名為的元素，它包含了在派生模板中定義的名為的空。

Bootstrap是Twitter的一個開源框架，提供用戶交互組件來創建一個清新且有吸引力的web頁面，并兼容所有現代web瀏覽器。

Bootstrap是一個客戶端框架，服務端不直接參與。服務端需要做的就是提供HTML響應，引用層疊樣式表（CSS）和JavaScript文件并通過HTML、CSS、和JavaScript代碼來實例化需要的組件。模板是做這些的理想地方。

集成Bootstrap到應用程序最好的方式是在模板中做一些必要的改變。一個簡單點的途徑就是使用Flask-Bootstrap擴展去簡化集成工作。可以通過pip來安裝Flask-Bootstrap：

(venv) $ pip install flask-bootstrap

Flask擴展通常在應用程序實例被創建的時候初始化。示例3-4展示Flask-Bootstrap的初始化。

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

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

和第二章的Flask-Script一樣，Flask-Bootstrap從flask.ext命名空間導入并通過傳遞應用程序實例到構造函數來初始化。

一旦Flask-Bootstrap被初始化，一個包含所有Bootstrap文件的基礎模板就可供應用程序使用了。這個模板利用Jinja2的模板繼承，應用程序則可以擴展一個擁有通用頁面結構，且包含Bootstrap導入的元素的基礎模板。示例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指令通過從Flask-Bootstrap引用bootstrap/base.html來實現模板的繼承。Flask-Bootstrap的基礎模板提供一個包含Bootstrap CSS和JavaScript文件的web頁面骨架。

基礎模板定義了一些可以被派生模板重寫的block。block和endblock指令定義了被添加到基礎模板中block的內容。

上面的user.html模板定義了三個block，分別命名為title、navbar和content。基礎模板里的這些block輸出派生模板定義的內容。title塊比較簡單；它的內容將出現在