Question

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

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

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

我还下载了Flask-Bootstrap（python），但未能准确成功导入模板。

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

Answer 1

您需要在项目文件夹中创建模板和静态文件夹，将所有.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，有关烧瓶引导程序的特定文档，请转到here。

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

使用Flask进行引导

3 个答案: