Колба не распознает мою таблицу стилей

Я отображаю шаблон, который пытаюсь оформить с помощью пользовательской таблицы стилей. Структура файла выглядит следующим образом:

/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-файле? Работает ли это при жесткой ссылке?

Другие вопросы по тегам