带烧瓶的Bootstrap

Jay*_*ean 5 python flask twitter-bootstrap flask-bootstrap

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

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

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

我还下载了Flask-Bootstrap(python),但未能准确成功导入模板.

我正在寻找关于如何轻松地将这种类型的模板导入我的烧瓶代码(包括css,jQuery,html等)的建议.谢谢!

Ami*_*aee 9

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

这是一个示例项目结构:

-project
    app.py
    - templates
        index.html
    -static
        -css
          style.css
        -js
          example.js
        -img 
          example.jpg
Run Code Online (Sandbox Code Playgroud)
  • 您还可以使用自定义文件夹和结构,但需要在创建应用程序实例文档时定义它们


r3r*_*son 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>
Run Code Online (Sandbox Code Playgroud)