search

ElizabethBylatova / djangogirls

0 stars 0 forks source link

Создать папку static_in_dev и подключить bootstrap 4.3.1 #8

Open MaksimTitenko opened 5 years ago

MaksimTitenko commented 5 years ago

Инструкцию можешь найти здесь: https://youtu.be/Er4XAISUTlo Начало видео в 1:25. Скачать можно здесь: https://getbootstrap.com/docs/4.3/getting-started/download/ Как только подключишь bootstrap, сделай все кнопки ссылкой (тег )и задай им класс: btn btn-primary, кнопка должна остаться рабочей. Пример кнопки здесь: https://getbootstrap.com/docs/4.3/components/buttons/#button-tags

MaksimTitenko commented 5 years ago

image

Это необходимо дописать в settings.py + создать папку static_in_dev Зачем это делают, сказано в этом видео. Как только таск будет выполнен, я это у тебя спрошу :)

ElizabethBylatova commented 5 years ago

я сделала и запушила)

MaksimTitenko commented 5 years ago

image

STATICFIELS_DIRS пишется по-другому: STATICFILES_DIRS

MaksimTitenko commented 5 years ago

Файлы bootstrap 4 должны находиться в папке static_in_dev. Папка static у тебя под .gitignore и когда ты делаешь push, bootstrap не добавляется в github.

Скопируй файлы bootstrap в static_in_dev, закоммить и сделай push

MaksimTitenko commented 5 years ago

image

Добавь в директорию static_in_dev/css файл blog.css Так как директория static у тебя находится под .gitignore - у всех, кто склонирует твой проект, оформление выглядит как на картинке выше.

MaksimTitenko commented 5 years ago

Ты добавила файлы bootstrap в проект, но для полноценной работы bootstrap, его нужно подключить. Необходимо добавить ссылку на статику (bootstrap.min.css) [1] с bootstrap в head, и ссылку на js (bootstrap.min.js) [2] image

Я закомментировал старый bootstrap, так как он старый (v.3.2.0) и скачивается каждый раз при старте сервера, что замедляет загрузку страниц [3]. Тебе нужно сделать то же самое. Скорее всего после этих действий у тебя пропадут все иконки glyphicon, так как они поддерживают только версии 3.4-. Замени все <span class="glyphicon">..... на иконки с этого сайта https://fontawesome.com/icons?d=gallery (Пример. <i class="fas fa-lock-open"></i>)