CSS 未应用于 jinja2 模板答案

【问题标题】：CSS is not getting applied to jinja2 templatesCSS 未应用于 jinja2 模板
【发布时间】：2016-12-18 14:13:07
【问题描述】：

我无法将 CSS 应用于 jinja2 模板。我认为它应该可以工作，但不知道我错过了它。

我的布局：

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="{{url_for('static', filename='style.css')}}">
    <link rel="stylesheet" href="{{url_for('static', filename='bootstrap.min.css')}}">
    <title>
        {% block title %} {% endblock %}
    </title>
</head>
<body>
    <div class='container-fluid'>
        <div class='row'>
            <div class='col-md-9'>
                {% block body %} {% endblock %}
            </div>      
            <div class='col-md-3'>
                Menu
            </div>      
        </div>
    </div>
</body>
</html>

主页：

{% extends "layout.html" %}
{% block title %}
    Home
{% endblock %}

{% block body %}

    <div class="row">
        <div class="col-md-6 min-data">
            My Lappy - DELL VOSTRO          
        </div>
        <div class="col-md-6 min-data">
            <img class="pull-right" src="http://placehold.it/360x203">
        </div>
    </div>

{% endblock %}

CSS 文件：

.min-data {
    background-color: green;
}

主页已正确呈现，但背景颜色未在主页的 div 中应用为绿色。

【问题讨论】：

您确定浏览器正在正确加载文件吗？ style.css 在 static 中吗？
@dirn：我看到我在页面加载中没有收到任何错误。我清除了缓存并重新加载了页面，它工作正常。现在每次，为了让 CSS 工作，我都在清除缓存。可能是什么问题？
There are quite a few ways to tell your browser to load the changed file.

标签： css html flask jinja2

【解决方案1】：

我认为您正在尝试使用 Chrome 浏览器解决此问题。请尝试使用其他浏览器，例如 firefox 最新版本。

【讨论】：