我很难让Bootstrap通过Flask做任何事情。
这里有一个快速测试示例,它应该可以工作,但它似乎没有应用样式(即使引导程序可以通过源选项卡中的CDN获得(。
init.py
from flask import Flask, request, render_template
from flask_bootstrap import Bootstrap
def create_app(test_config=None):
# create and configure the app
app = Flask(__name__)
Bootstrap(app)
@app.route('/test')
def test():
return render_template('test.html')
test.html
{% extends 'bootstrap/base.html' %}
{% block content %}
<nav class="navbar navbar-expand-sm bg-light navbar-light">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Active</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
</nav>
{% endblock %}
结果:
的样子
应该是什么样子
烧瓶和烧瓶引导程序都是pip的最新版本。
已修复:
flask bootstrap似乎只使用Bootstrap3,而我正试图使用Bootstrap4中引入的组件。
更新base.html(在flask bootstrap中(以使用最新的Bootstrap4 cdns。