Уроки Bootstrap 4

#2 - Шапка веб сайта

#2 - Шапка веб сайта

Каждый веб сайт должен иметь шапку. В этом уроке мы создадим полноценную адаптивную шапку для сайта используя лишь Bootstrap и немного собственных CSS стилей.

Видеоурок

Bootstrap позволяет создавать адаптивные шапки для сайтов, которые будут отображаться целиком на компьютерах и раскрываться при нажатии на кнопку на мобильных устройствах. Каждое такое меню должно быть записано в теге nav и иметь обязательный класс navbar.


В шапку можно прописать лого сайта, ссылки, строку поиска, кнопки, а также специальную кнопку, которая будет открывать меню на мобильных устройствах.


В качестве лого можно использовать текст или же картинку. В уроке была использована следующая картинка: 


Материалы для курса

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

Онлайн редактор кода

Загрузка...

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Создание блога на Ruby On Rails
8 уроков
Видеокурс по PHP, MySQL / Создание динамического сайта
Современная вёрстка адаптивного веб-сайта
Изучение технологии Bootstrap (верстка сайта)
16 уроков
Уроки Python Django / Создание сайта
12 уроков