【Flask/跟着学习】Flask大型教程项目#10：美化

跟着学习（新版）：https://blog.miguelgrinberg.com/post/the-flask-mega-tutorial-part-xi-facelift
回顾上一章：https://blog.youkuaiyun.com/weixin_41263513/article/details/85084206

本章内容

• Bootstrap扩展
• 渲染Bootstrap表单
• 渲染博客
• 渲染分页

现在已经专注应用程序的实际逻辑太久了，你可能会 觉得 我们写出来的页面贼丑，是的，我也是这样觉得的，这一章，将会花一点时间让我们的网页变得更加精致 ，显得更加专业

Bootstrap扩展

最受欢迎的CSS框架之一是由Twitter创建的Bootstrap。

以下是使用Bootstrap为您的网页设置样式的一些好处：
在所有主流Web浏览器中看起来相似
处理台式机，平板电脑和手机屏幕尺寸
可定制的布局
风格精美的导航栏，表格，按钮，提醒，弹出窗口等。

现在，有一个名为Flask-Bootstrap的Flask扩展，它提供了一个随时可用的基本模板，先pip安装flask-bootstrap

Flask-Bootstrap需要像大多数其他Flask扩展一样进行初始化
文件：/app/–init–.py

# ...
from flask_bootstrap import Bootstrap

app = Flask(__name__)
# ...
bootstrap = Bootstrap(app)

初始化扩展后，bootstrap / base.html模板变为可用（此base.html跟我们app/templates里的base.html并不同），并且可以使用extends子句从应用程序模板中引用。

那么我如何适应Bootstrap基础模板呢？我们的想法是使用三级层次结构而不是两层。 bootstrap / base.html模板提供了页面的基本结构，其中包括Bootstrap框架文件。此模板为导出的模板导出几个块，例如标题，导航栏和内容（