CSS 未应用于 jinja2 模板

标签 css html flask jinja2

我无法将 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 中应用为绿色。

最佳答案

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

关于CSS 未应用于 jinja2 模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41209156/

相关文章:

javascript - 只有在页面顶部时才使导航栏透明,然后在滚动时使导航栏成为纯背景

html - 如何强制现代 Internet Explorer 在真实网站中显示适当的渐变背景

javascript - 如何向 "The Wall"moo 工具插件 JSON 数据提供数据?

python - 使用 SQLAlchemy 如何在使用 db.create_all() 创建数据库后填充行

python - flask-oauthlib 服务器不能很好地与 requests-oauthlib 客户端配合使用

html - Twitter Bootstrap - 未能正确实现网格系统

html - 如何在桌面 "dashboard"网页中显示移动 View ?

HTML 和 CSS 问题 : Element between two absolute-positioned elements needs to resize correctly

c# - 使用 jquery/C# Razor 打开具有相同 session 的新窗口

javascript - flask url_for Javascript 中的 URL