时间戳

首页 > 解决方案 > Flask 不包括/使用 Bootstrap

python - Flask 不包括/使用 Bootstrap

问题描述

我无法让 Bootstrap 通过 Flask 做任何事情。

这是一个应该可以工作的快速测试示例，但是它似乎没有应用样式（即使引导程序可以通过源选项卡中的 CDN 获得）。

初始化.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')

测试.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 %}

结果：

它看起来像什么

它应该是什么样子

Flask 和 flask-bootstrap 都是 pip 的最新版本。

标签： pythonpython-3.xtwitter-bootstrapflaskbootstrap-4

解决方案

固定的：

似乎flask-bootstrap 只使用Bootstrap3，而我试图使用Bootstrap4 中引入的组件。

更新了 base.html（在 flask-bootstrap 中）以利用最新的 Bootstrap4 cdns。

推荐阅读