Дизайн сайта и его вёрстка являются довольно важными вопросами, и порой хочется разработать сайт с хорошим и интересным дизайном... но... Не все из нас дизайнеры, и ещё меньше хороших дизайнеров. Поэтому мне проще было взять Bootstrap 3, найти хорошую тему оформления для него, а точнее кастомизированный в едином стиле CSS, и не заморачиваясь начать разработку сайта с уже проверенным многими web-мастерами инструментом.
Давайте посмотрим, как обстоит дело с Bootstrap 3 в Django .
django-bootstrap3
Итак, для Django существует готовое приложение django-bootstrap3 , которое необходимо установить, подключить, и для использования добавить необходимые компоненты в тег head на страницах сайта.
Установка
Установка приложение осуществляется с использованием утилиты pip, не забудьте только активировать виртуальное окружение.
pip install django-bootstrap3
Подключение
Прежде, чем использовать Bootstrap, его необходимо подключить в конфигурационном файле.
INSTALLED_APPS = [ ... 'bootstrap3', ... ]
Использование
Модуль Bootstrap для Django позволяет использовать как готовые формы, без затрат времени на вёрстку, так и просто воспользоваться стилями и библиотекой jQuery, которая используется для данной текущей версии Bootstrap.
Например, для минимального подключения стилей оформления и скриптов Bootstrap достаточно будет прописать следующее в теге head.
{% load bootstrap3 %} <script src="{% bootstrap_jquery_url %}"></script> {% bootstrap_javascript %} {% bootstrap_css %}
Если вы желаете воспользоваться быстрой кастомизацией формы в стиле bootstrap, то в шаблоне также нужно будет указать подключение модуля и воспользоваться шаблоном формы для данного модуля.
{% load bootstrap3 %} {# Display a form #} <form action="/url/to/submit/" method="post" class="form"> {% csrf_token %} {% bootstrap_form form %} {% buttons %} <button type="submit" class="btn btn-primary"> {% bootstrap_icon "star" %} Submit </button> {% endbuttons %} </form>
Для Django рекомендую VDS-сервера хостера Timeweb .
Как вариант 1
вариант 2
И кстати заметил что прописывать скрипты бутстрапа {% bootstrap_javascript jquery='slim' %} надо все таки в footer. Так как могут не отработать объекты в других скриптах именно из-за очередности загрузки