Колба не распознает мою таблицу стилей
Я отображаю шаблон, который пытаюсь оформить с помощью пользовательской таблицы стилей. Структура файла выглядит следующим образом:
/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%;
}
Я написал этот код, следуя этому примеру здесь. Проблема в том, что стиль (первая страница) не применяется.
2 ответа
Нашел ответ на мой вопрос здесь. Кэш Chrome не отражал новые изменения CSS, жесткое обновление (shift + f5) помогло.
Вы не правильно ссылаетесь на CSS в вашем HTML-файле? Работает ли это при жесткой ссылке?