Bootstrap是Twitter推出的一個用于前端開發(fā)的開源工具包皿桑。而Flask-Bootstrap就是利用了Bootstrap來編寫了一個Jinja2的模版穷缤，通過extends include block基于這個模版來替換成你自己的內(nèi)容；
注冊到Flask中
from flask import Flask
from flask_bootstrap import Bootstrap
app = Flask(__name__)
bootstrap = Bootstrap(app)
或
from flask import Flask
from flask_bootstrap import Bootstrap
def create_app():
app = Flask(__name__)
Bootstrap(app)
return app
簡單的模版
{% extends "bootstrap/base.html" %}
{% block title %}This is an example page{% endblock %}
{% block navbar %}
<div class="navbar navbar-fixed-top">
<!-- ... -->
</div>
{% endblock %}
{% block content %}
<h1>Hello, Bootstrap</h1>
{% endblock %}
ps: 若在pycharm IDE中extends bootstrap not found時，請將templates文件夾 Make directory as --> template
WX20170916-232449@2x.png
可用的block
| Block name | Outer Block | Outer Block |
|---|---|---|
| doc | Outermost block. | |
| html | doc | Contains the complete content of the <html> tag. |
| html_attribs | doc | Attributes for the HTML tag. |
| head | doc | Contains the complete content of the <head> tag. |
| body | doc | Contains the complete content of the <body> tag. |
| body_attribs | body | Attributes for the Body Tag. |
| title | head | Contains the complete content of the <title> tag. |
| styles | head | Contains the complete content of the <title> tag. |
| metas | head | Contains all <meta> tags inside head. |
| navbar | body | An empty block directly above content. |
| content | body | Convenience block inside the body. Put stuff here. |
| scripts | body | Contains all <script> tags at the end of the body. |
