我无法将 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/