М97 Изучаем Python: программирование игр, визуализация данных, веб-приложения
жүктеу/скачать 6,19 Mb. Pdf көрінісі
|
Изучаем Python
| pip install django-bootstrap4
... Successfully installed django-bootstrap4-0.0.7 Затем необходимо добавить следующий код для включения django-bootstrap4 в список INSTALLED_APPS в файле settings .py : settings.py ... INSTALLED_APPS = [ # Мои приложения 'learning_logs', 'users', # Сторонние приложения 'bootstrap4', # Приложения django по умолчанию. 'django.contrib.admin', ... Создайте новую секцию для приложений, созданных другими разработчиками, и включите в нее запись 'bootstrap4' . Проследите за тем, чтобы секция распола- галась после секции # Мои приложения , но перед секцией, содержащей приложения Django по умолчанию. Использование Bootstrap для оформления Learning Log По сути, Bootstrap представляет собой большой набор инструментов стилевого оформления. Также библиотека содержит ряд шаблонов, которые можно приме- нить к проекту для формирования общего стиля. Пользоваться этими шаблонами намного проще, чем отдельными инструментами оформления. Чтобы просмотреть шаблоны, предоставляемые Bootstrap, перейдите по ссылке http://getbootstrap .com/ , щелкните на ссылке Examples и найдите раздел Navbars . Мы воспользуемся шабло- ном N avbar static , который предоставляет простую панель навигации и контейнер для содержимого страницы. На рис. 20.1 показано, как будет выглядеть домашняя страница после применения шаблона Bootstrap к base .html и незначительного изменения index .html . 456 Глава 20 • Оформление и развертывание приложения Рис. 20.1. Домашняя страница Learning Log с использованием Bootstrap Изменение base .html Шаблон base .html необходимо изменить так, чтобы в нем был задействован шаблон Bootstrap. Новая версия base .html будет представлена в несколько этапов. Определение заголовков HTML Первое изменение в base .html : заголовки HTML определяются в файле, чтобы при открытии страницы Learning Log в строке заголовка браузера выводилось имя сайта. Также будут добавлены некоторые требования для использования Bootstrap в шаблонах. Удалите все содержимое base .html и замените его следующим кодом: жүктеу/скачать 6,19 Mb. Достарыңызбен бөлісу:
|