Использование Flask: bootstrap работает, но пользовательская таблица стилей не

#css #flask

Вопрос:

Я проверил другие разделы, они кажутся похожими, но не решают мою проблему: я пишу веб-приложение с использованием flask, и bootstrap работает нормально, но моя пользовательская таблица стилей полностью игнорируется, и я не могу понять почему.

   <head>
      <!-- Required meta tags -->
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP VmmDGMN5t9UJ0Z" crossorigin="anonymous">
      <link href="/static/styles.css" rel="stylesheet">
      <title>C$50 Final_Project: {% block title %}{% endblock %}</title>    
  </head>

1. Это означает, что ваш файл CSS загружен некорректно. Попробуйте указать относительный путь вместо абсолютного, как вы делали> /static/styles.css -> static/style.css.

2. Ничего не меняет. Когда я перехожу по своей исходной ссылке, она оказывается именно там, где должна быть. Если я изменю ее в соответствии с вашим предложением, я получу сообщение об ошибке, что она не существует. Все же спасибо.

3. Проверьте консоль вашего браузера, какие ошибки и предупреждения?

Ответ №1:

Вместо этого использовать скомпилированный CSS и JS?

https://getbootstrap.com/docs/4.3/getting-started/download/

и, возможно, попробуйте использовать «url_for» для пути к файлу <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='bootstrap/bootstrap.min.css') }}">

Ответ №2:

Кэш браузера необходимо очистить…

Я не уверен, почему этот вопрос был отклонен так сильно, но мне, вероятно, следовало добавить, что путь к static.css не является проблемой…