Flask无法识别我的自定义样式表

时间:2018-08-22 17:43:34

标签: python css flask jinja2 flask-bootstrap

我正在渲染一个模板,尝试使用自定义样式表进行样式设置。文件结构如下:

/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编写的。问题是没有应用样式(首页)。

2 个答案:

答案 0 :(得分:0)

您没有正确链接到HTML文件中的CSS?进行硬链接时可以使用吗?

答案 1 :(得分:0)

找到了我的问题here的答案。 Chrome的缓存未反映新的CSS更改,硬刷新(shift + f5)可以解决问题。