11

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

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

但是，该文件的格式与 Flask 模板/静态格式完全不同。

我也下载了 Flask-Bootstrap (python) 但一直无法成功准确地导入模板。

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

4

3 回答 3

13

您需要在项目文件夹中创建模板和静态文件夹，将所有 .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
于 2017-01-01T09:55:48.073 回答
6

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

<html>
  <head>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
  </head>
  <body>
  </body>
</html>
于 2018-08-04T15:57:45.083 回答
2

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

它也有文档here，对于flask-bootstrap 的特定文档，请访问here。

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

于 2020-07-08T22:52:31.993 回答