难以在烧瓶模板文件夹中的 HTML 中包含外部 CSS 和引导文件答案

【问题标题】：Difficulty in including external CSS and bootstrap files in HTML inside templates folder of flask难以在烧瓶模板文件夹中的 HTML 中包含外部 CSS 和引导文件
【发布时间】：2019-03-26 04:58:41
【问题描述】：

我在烧瓶编程中访问 localhost:5000 内的 HTML 内的 CSS 和引导文件时遇到困难。

我已经尝试在静态文件夹中包含 CSS 文件，但它不起作用。

<head>
<title>HOME PAGE</title>
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='bootstrap.css') }}">

<link rel="stylesheet" href="{{ url_for('static', filename='homestyle.css') }}">

我希望所有的 CSS 模块都能毫无障碍地包含在 HTML 文件中。

【问题讨论】：

添加您的 HTML 代码和文件夹结构
您是否尝试过先放置 bootstrap.css 再放置 homestyle.css ？
您是否检查过您的 css 文件的路径是否正确？它不会改为static/css/homestyle.css？
@VillageMonkey 是的，但它不起作用
@LaljiTadhani 文件夹结构是模板和模板中的静态子文件夹

标签： python html css flask

【解决方案1】：

试试这个：

<link rel="stylesheet" href="{{ url_for('static', filename='homestyle.css') }}">
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='bootstrap.css') }}">

编辑：确保您的文件夹结构与以下内容匹配：

static/
├── homestyle.css
├── bootstrap.css
templates/
├── index.html
app.py

静态文件夹应该在根目录，不在模板文件夹内。

【讨论】：