02-配置bootstrap模板

1. 配置bootstrap模板

# 中文文档:
        https://flask-bootstrap-zh.readthedocs.io/zh/latest/
# 样式文档:
        https://v3.bootcss.com/getting-started/#download

# 1. 下载flask-bootstrap
     pip install flask-bootstrap

# 2. 在ext/__init__.py创建bootstrap对象
    from flask_bootstrap import Bootstrap
    bootstrap = Bootstrap()
 
# 3. 在apps/__init__.py中所有的第三方插件都需要初始化app(初始化bootstrap)
    from ext import db, bootstrap
    # 初始化bootstrap
    bootstrap.init_app(app)

2. bootstrap模板用法

{# 继承bootstrap 自带的父模板 #}
{% extends "bootstrap/base.html" %}
 
{% block title %}标题{% endblock %}
 
{% block styles %}
   {{ super() }}
    <style>
      样式
    </style>
{% endblock %}
 
{% block navbar %}导航栏{% endblock %}
    
 
{# 将内容分为上下两层 #}
{% block content %}
    {% block newcontent %}
        内容    
    {% endblock %}
 
    {% block footer %}
        <p id="myfoot">这个是底部标签</p>
    {% endblock %}
{% endblock %}