Bootstrap 与烧瓶

Question

我希望将 bootstrap 模板集成到我的烧瓶程序中。具体来说：我下载了这个模板的 zip 文件：

https://startbootstrap.com/template-overviews/sb-admin/

但是，该文件的格式与 Flask template/static 格式完全不同。

我也下载了Flask-Bootstrap(python)，但一直未能成功准确导入模板。

我正在寻找有关如何将此类模板轻松导入我的烧瓶代码（包括 css、jQuery、html 等）的建议。谢谢！

Answer 1

您需要在项目文件夹中创建 templates 和 static 文件夹，将所有 .html 文件放在模板文件夹中和静态文件夹中的所有其他文件（CSS、JS、JPG 等），然后在您的 html 文件中使用 url_for 加载静态文件，而不是默认的 HTML 方式。

这是一个示例项目结构：

-project
    app.py
    - templates
        index.html
    -static
        -css
          style.css
        -js
          example.js
        -img 
          example.jpg

您也可以使用自定义文件夹和结构，但您需要在创建应用程序实例时定义它们Docs

Answer 2

@mohammad-amin 的回答对目录结构很有用，但我需要一个示例来说明如何在 HTML 中使用 url_for。使用他的示例结构和文件，您可以像这样加载 style.css：

<html>
  <head>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
  </head>
  <body>
  </body>
</html>

Answer 3

您可以在终端中使用 pip install flask-bootstrap 安装 Flask 的 Bootstrap 依赖项。但是，使用 flask-bootstrap 会限制您对网站样式和设计的控制。

它还有文档 here, and for the documentation specific to flask-bootstrap, go here。

Flask Bootstrap 适用于 flask-wtf 和导航栏。我目前正在寻找一种方法来使使用 flask-bootstrap 设置样式的页面具有响应性，因为根据我的经验，实现起来并不容易。

Bootstrap 与烧瓶

Bootstrap with Flask

python

flask

twitter-bootstrap

flask-bootstrap