首页 > 解决方案 > 在 jinja 模板中调整引导程序(Flask 框架)

问题描述

我想在 jinja 模板中调整默认引导类格式。我唯一想做的就是改变 h1 元素的颜色。但不幸的是,它仍然是黑色的。

我正在使用flaskrender_template模块。

我在模板中有以下代码:

{% extends "bootstrap/base.html" %}
{% block head %}
{{ super() }}
<link rel="stylesheet" type="text/css" href="bootstrap_adjust.css">

{% endblock %}

{% block content %}
    <div class="container">
    <div class="page-header">
        <h1>Hello, Vaclav!</h1>
     </div>
</div>
{% endblock %}

boostrap_adjust.css 看起来像这样:

h1{
    color:blue;
}

感谢您的任何建议!

瓦茨拉夫

标签: flaskjinja2flask-bootstrap

解决方案


我终于在这里找到了可行的解决方案:

https://stackoverflow.com/questions/34664156/flask-bootstrap-custom-theme

所以在我的情况下,这有效:

{% block styles %}
{{ super() }}

<link rel="stylesheet" type="text/css" href="{{url_for('static', filename='bootstrap_adjust.css')}}">

{% endblock %}

.css 文件放置在静态文件夹中。但请注意,静态不是filename参数路径的一部分,因为url_for('static')会自动在此文件夹中查找。

谢谢大家愿意帮忙!


推荐阅读