Почему мой html-файл шаблона не использует bootsrap css?

Я Шринеш, новичок в веб-фреймворке Django. Я столкнулся с некоторыми проблемами при выполнении проекта. вот мой OUTPUT моего сайта django, который не такой, как я ожидал. это мой HTML CODE из этого я думаю, вы можете сказать, что вывод не тот, который я ожидал. командная строка выдает мне эти 2 ошибки CMD PROMPT и я не могу исправить эти проблемы самостоятельно, так как я самоучка. Это моя директория bootstrap files, как вы можете видеть, путь, который я указал в теге link в моем html-коде, правильный. Это мои Settings.py и Url.py. Может ли кто-нибудь помочь мне, где я делаю неправильно и как исправить эти проблемы, чтобы я мог продвинуться в своем проекте и извлечь несколько ценных уроков. Спасибо всем.

Вы получаете ошибку 404 (не существует), когда он пытается загрузить bootstrap.min.css. Значит, его нет в папке, указанной

{% static css/css/bootstrap.min.css %}

(или, возможно, есть проблема с защитой файлов). В любом случае, я думаю, что это переводится как $BASE_DIR/static/css/css/bootstrap.min.css (используя нотацию Linux, я не работаю в Windows).

Проверьте, есть ли файл? И для отладки в случае, если я ошибаюсь, вы можете получить фактический путь, который он ищет, используя тот же тег шаблона для создания видимого HTML-содержимого или HTML-комментария, который вы можете увидеть с помощью браузера view page source

<!-- trying to load bootstrap from {% static css/css/bootstrap.min.css %} -->

Если вы столкнулись с некоторыми проблемами при использовании bootstrap в локальном режиме, используйте CDN

в вашем базовом html файле : Включите тег <head>

<!-- Boostrap css -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
    integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">

Перед закрытием тега body

<!-- jQuery and Bootstrap js -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
    crossorigin="anonymous"></script>

Попробуйте и сообщите нам результат

Вернуться на верх