flask-bootstrap 是flask一个方便扩展使用bootstrap前台的扩展。
貌似停止更新了。但是作者还有一个库叫flask-nav,如果你还需要使用flask-nav,那么就还使用这个flask-bootstrap吧
改用这个:
Bootstrap-Flask
Bootstrap 4 helper for Flask/Jinja2. Based on Flask-Bootstrap, but lighter and better.
Changelog
1.1.0
Release date: 2019/9/9
-
Update Bootstrap version to 4.3.1
使用方法:
安装:
$ pip install bootstrap-flask
加载配置:
from flask_bootstrap import Bootstrap
from flask import Flask
app = Flask(__name__)
bootstrap = Bootstrap(app)
app.config['SECRET_KEY'] = '123456789001234567890'
注意,需要secret_key
配置和flask-bootstrap应该一样,我只用了local加载,生效:
BOOTSTRAP_USE_MINIFIED True 使用mini版的bootstrap文件
BOOTSTRAP_SERVE_LOCAL False 是否使用本地服务器来提供bootstrap文件
BOOTSTRAP_LOCAL_SUBDOMAIN None 关于blueprint的子域名传输?暂时没用到
BOOTSTRAP_CDN_FORCE_SSL True 给CDN加速使用安全的https连接
配置位置:
app['BOOTSTRAP_SERVE_LOCAL']=True 打开本地提供bootstrap文件的功能。适合我的内网部署。
在模板中调用
<head>
....
{{ bootstrap.load_css() }}
</head>
<body>
...
{{ bootstrap.load_js() }}
</body>
这个也太简单了,我们用它提供的示例base.html吧
<!doctype html> <html lang="en"> <head> {% block head %} <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> {% block styles %} <!-- Bootstrap CSS --> {{ bootstrap.load_css() }} {% endblock %} <title>Your page title</title> {% endblock %} </head> <body> <!-- Your page content --> {% block content %}{% endblock %} {% block scripts %} <!-- Optional JavaScript --> {{ bootstrap.load_js() }} {% endblock %} </body> </html>
可编辑的块就看这个示例模板吧,或者你自己定义的更强大一些。