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

标签 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 编写了这段代码.问题是未应用样式(首页)。

最佳答案

您没有正确链接到 html 文件中的 css?它在硬链接(hard link)时有效吗?

关于python - Flask 无法识别我的自定义样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51972438/

上一篇:html - 纯 CSS - 几个 阅读更多 阅读更少

下一篇:html - 媒体查询、居中视口(viewport)和倾斜边距

相关文章:

css - 如何使用 Bootstrap CDN 更改网站字体

python - 检测位置数据中的 GPS 峰值

python - 对不同字典中相同键的多个值求和 Python

python - 如何获取一个生成器函数的多个实例

jquery - Bootstrap 工具提示违抗我

python - Flask 应用程序的 Celery 配置

python - 无论元素顺序如何,获取列表中元组的数量

html - Internet Explorer 10 为 CSS 元素分配异常高度

angular - includedByState & includes 过滤器不适用于 ngClass

asp.net - 在应用程序之间传递 Azure AD 身份验证