难以在HTML模板文件夹中的HTML中包含外部CSS和bootstrap文件

问题描述 投票:2回答:1

我很难在烧瓶编程中访问localhost:5000中的HTML内部的CSS和bootstrap文件。

我已经尝试在静态文件夹中包含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文件中,没有任何障碍。

python css html5 css3 flask
1个回答
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

静态文件夹应位于根目录,而不是模板文件夹中。

© www.soinside.com 2019 - 2024. All rights reserved.