Bootstrap(http://getbootstrap.com)是Twitter开发的一个开源框架,它提供的用户界面组件可用于创建整洁且具有吸引力的网页,而且能够兼容所有现代Web浏览器。
Bootstrap是客户端框架,因此不会直接涉及服务器。服务器要做的只是提供引用了Bootstrap层叠样式表(CSS)和Javascript文件的HTML响应,并在HTML、CSS和Javascript代码中实例化所需组件。这些操作最理想的执行场所就是模板。
在Flask中安装Flask-Bootstrap的Flask扩展简化集成过程,使用pip安装:
pip install flask-bootstrap
Flask扩展一般都在创建实例时初始化,如下对前面创建的hello.py进行Flask-Bootstrap初始化:
hello.py:初始化Flask-Bootstrap
from flask_bootstrap import Bootstrap
#...
bootstrap = Bootstrap(app)
初始化之后,就可以在程序中使用一个包含所有Bootstrap文件的基模板,这个模板利用Jinja2的模板继承机制,让程序扩展一个具有基本页面结构的基模板,其中就有用来引入Bootstrap的元素。例,user.html改写为衍生模板后的新版本。
{% extends "bootstrap/base.html" %}
{% block title %}Flasky{% endblock %}
{% block na