М97 Изучаем Python: программирование игр, визуализация данных, веб-приложения



Pdf көрінісі
бет331/334
Дата18.10.2023
өлшемі6,19 Mb.
#186390
1   ...   326   327   328   329   330   331   332   333   334
Байланысты:
Изучаем 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
и замените его следующим кодом:


Достарыңызбен бөлісу:
1   ...   326   327   328   329   330   331   332   333   334




©engime.org 2024
әкімшілігінің қараңыз

    Басты бет