我正在渲染一个模板,尝试使用自定义样式表进行样式设置。文件结构如下:
/app
- __init__.py
/templates
- markets.html
- base.html
/static
- custom.css
markets.html看起来像这样:
{% extends 'base.html' %}
{% block content %}
<div class="container">
<div class="row">
<div class="front-page">
<div class="col"></div>
<div class="col-5">Runeberg</div>
<div class="col"> </div>
</div>
</div>
</div>
{% endblock %}
base.html看起来像这样:
{% extends 'bootstrap/base.html' %}
{% block styles %}
{{ super() }}
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='custom.css') }}">
{% endblock %}
最后,custom.css看起来像这样:
.front-page {
margin-top: 25%;
}
我是按照this example here编写的。问题是没有应用样式(首页)。
答案 0 :(得分:0)
您没有正确链接到HTML文件中的CSS?进行硬链接时可以使用吗?
答案 1 :(得分:0)
找到了我的问题here的答案。 Chrome的缓存未反映新的CSS更改,硬刷新(shift + f5)可以解决问题。