Как подключить bootstrap к django

Аватар пользователя Ivan Gagarinov
Ivan Gagarinov
16 июля 2024

Для того чтобы подключить Bootstrap к проекту Django, нужно:

Шаг 1: Установите Bootstrap с помощью npm или yarn:

Для npm:

npm install bootstrap

Для yarn:

yarn add bootstrap

Шаг 2: Создайте папку static в каталоге вашего проекта Django, если она еще не создана. В папке static создайте подпапку css и скопируйте файлы стилей Bootstrap из node_modules/bootstrap/dist/css в эту папку.

Шаг 3: В шаблоне html, добавьте ссылку на файл стилей Bootstrap. Используйте тег {% static %} для обращения к статическим файлам вашего проекта. Например:

<!DOCTYPE html>
<html>
<head>
    <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
</head>
<body>
    <!-- Ваш контент -->
</body>
</html>

Шаг 4: Обновите настройки вашего проекта Django. В settings.py добавьте каталог static в STATICFILES_DIRS:

STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]

Шаг 5: Запустите проект Django и убедитесь, что стили Bootstrap правильно применяются к вашему проекту.

0 0
Познакомьтесь с основами HTML и CSS бесплатно

Похожие вопросы