Как добавить css и bootstrap в python django

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

введите описание изображения здесь

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap demo</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <link rel="stylesheet" href="https://unpkg.com/bootstrap@5.3.3/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://unpkg.com/bs-brain@2.0.4/tutorials/buttons/button-1/assets/css/button-1.css">
    <link rel = "stylesheet" href = "css/style.css">
  </head>
  <body>
      {% block content %}
      {% endblock %}
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
  </body>
</html>

Я создал базовый пример с этим HTML в одной папке и минимальным style.css файлом в css папке того же уровня. В итоге мне пришлось изменить href для вашей таблицы стилей следующим образом

<link rel="stylesheet" href = "../css/style.css">

Нужно было изменить href на относительный путь с помощью ../

По аналогии со статическими изображениями я бы разместил пользовательский css-файл как статический Django-файл в статической директории соответствующего Django-приложения и включил его в шаблон с помощью тега static. Это, вероятно, также упростит работу, если вы захотите запустить сайт позже.

Я нашел решение

<link rel = "stylesheet" href = "static/css/style.css">
Вернуться на верх