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

4 года назад

Человек-Молекула

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Только ещё в html перед тегом link нужно добавить строку {% load static %}

5 месяцев назад

Илья Рассолов

Для того чтобы подключить 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 правильно применяются к вашему проекту.

год назад

Ivan Gagarinov

2 месяца

Django

Навык создания веб-приложений на Django, необходимый для получения оффера на позицию Python-разработчика

2 месяца

Bootstrap

Навык работы с SASS, Bootstrap 5 и Gulp для ускорения, упрощения и оптимизации процесса вёрстки и разработки сайтов

1 месяц

Веб разработка на Python

Навык создания веб-приложений на Flask для разработки лёгких и гибких серверных решений

16 месяцев

Fullstack-разработчик на Python

Программирование на JavaScript и Python, разработка веб-приложений и сервисов используя Django, проектирование REST API и работа с базами данных

1 месяц

Основы веб-разработки

Основы HTML, CSS, блочная модель, основы Javascript, синтаксис, арифметика, условия, циклы, функции, поиск ошибок

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