Адаптивная верстка сайта на Bootstrap 5 для начинающих | Основа сетки Bootstrap

Воспроизведение вашего видео начнется через 30
2 Просмотры

В прошлом видео мы рассмотрели основы сетки Bootstrap, и даже написали начальную разметку для нашего макета. Сегодня мы пойдем еще дальше и сделаем на...

Дата загрузки:2021-02-19T22:00:08+0000

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

0:00 - Предисловие
0:29 - Проблема статических сайтов
1:32 - Desktop First
3:27 - Mobile First
4:41 - Контрольные точки (breakpoints)
6:20 - Классы адаптивной сетки
7:07 - Приступаем к практике
7:26 - Шапка сайта
8:07 - Вертикальные отступы
8:49 - Промо-информация
9:03 - Ряд с клиентами
9:47 - Секция с ценами
10:10 - Ряд сотрудников
10:41 - Подвал сайта
11:21 - Итоговый обзор адаптивного макета
11:50 - Подведение итогов

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

https://www.patreon.com/codequest_ru

Если тебе интересна данная тематика, подпишись на канал!
Для меня это также станет дополнительным стимулом продолжать свою работу.

Также жду вас на моем сайте https://codequest.ru
Здесь вы найдете подробные интерактивные курсы по веб-разработке.

Следите за мной и моими проектами в социальных сетях:

— vk.com/codequest
— instagram.com/codequest
— t.me/codequest

Надеюсь на вашу поддержку и интересные вопросы! До скорых встреч!
Категория
Создание сайта
Комментариев нет.