gpt4 book ai didi

css - 外部 CSS 文件在 Bootstrap 中不起作用

转载 作者:行者123 更新时间:2023-11-28 04:11:07 25 4
gpt4 key购买 nike

我在 flask 中制作一个网络应用程序,并在我的前端使用 Bootstrap 。外部 CSS 文件位于应用程序的/static 上。问题是外部 CSS 中的属性不适用于元素。

表单.html

<head>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

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

表单.html

<div class="jumbotron">
<div class= "container">
<h1>Application</h1>
</div>
</div>

样式.css

.jumbotron {
background-color: #191970;
height: 100px;
}

最佳答案

(我还不能发表评论...)来自Configuring Flask to correctly load Bootstrap js and css files

尝试使用:

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

他们这里说的模式是:

{{ url_for('static', filename='path/inside/the/static/directory') }}

关于css - 外部 CSS 文件在 Bootstrap 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42707410/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com