CSS не загружается в DJango

У меня есть 2 приложения, с которыми я работаю в данный момент в своем проекте: Home и header.

В домашнем приложении есть следующий html-код, расположенный в папке project_folder -> home -> templates -> home -> base_home.html

{% extends 'header/base_header.html' %}

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Home</title>
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
    </head>
    <body>
        <header>
            {% block content %}
            {% endblock %}
        </header>
    </body>
</html>

Заголовок находится в папке project_folder -> header -> templates -> header -> base_header.html:

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="#">Navbar</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" aria-haspopup="true" aria-expanded="false">
          Dropdown
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
      </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#">Disabled</a>
  </li>
</ul>
<form class="form-inline my-2 my-lg-0">
  <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
  <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>

Это файл settings.py:

А также дерево проекта в PyCharm (возможно, это визуальное изображение легче читать, чем старое доброе дерево cmd):

projecttree

Моя проблема связана с тем, что мой проект не загружает css, а только html navbar.

sitenotworking

Спасибо за помощь и потраченное время!

Похоже, что ваш CSS-файл может быть неправильно связан в вашем проекте Django. Убедитесь, что вы включили тег {% load static %} в верхней части вашего HTML-файла, и используйте тег static template для правильного связывания вашего CSS-файла.

{% load static %}
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Home</title>
    <link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.min.css' %}">
</head>
<body>
    <header>
        {% block content %}
        {% endblock %}
    </header>
</body>
</htmt>

обновление проекта urls.py

urlpatterns = [
path('admin/', admin.site.urls),
]+ static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

Убедитесь, что ваш CSS-файл находится в соответствующей директории в папке static files и что ваш STATIC_URL правильно настроен в настройках Django.

Запустите эту команду

Python manage.py collectstatic

Поместите {% load static %} в верхней части базового HTML-файла. Также, чтобы загрузить CSS-файл, пропишите его имя так: Вернуться на верх