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

Исходники к видео:

Подписывайся на альтернативные каналы:

В прошлом видео мы рассмотрели основы сетки 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 - Подведение итогов

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

Здесь вы найдете подробные интерактивные курсы по веб-разработке.

[CodeQuestRu]

Как часто вы используете 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​ - Подведение итогов

[blackhome]

Единственное видео где я понял про сетки.автор канала ты красавчик, не забрасывай своей канал🎉

[juliadmitrivna]

У вас лучший курс по Bootstrap : без воды, все по существу, а главное, доступным языком.

[lexVasev]

Класс! Очень полезное видео! Всё чётко - информативно и без воды.

[kostukov]

Ура, наконец то дождались. Спасибо за труд, ждем продолжения.

[denlay]

Благодарю за очень полезный и эффективный гайд! 👍

[reactnext]

Годный контент, все так понятно. И главно не куда не спешим и все четко

[bogdownoff]

Super!!! /Оч подробно/ оч понятно/лучшее на русском объяснение по bootstrap. Спасибо

[mr.unonnaunonov]

Спасибо. Очень доступно, кратко, по существу! *лайк*

[jekakavaltchuk]

Благодарю за видео, все четко и по делу, продолжай в том же духе, успехов!

[superkayfiyat]

Супер видео то что надо. продолжай! :) Videoga gap yo'q! :D

[valerakuznetsov]

спасибо большое не понимал бутсрап но с этим видео понял все. Спасибо большое

[fumanchez]

супер, все последовательно и результат хорошо выглядит

[romasbitinas]

Спасибо большое, быстро и доступно всё объяснили :)

[strateg_usa]

Бро спасибо за все видео Можешь сделать адаптивный полный сайт Друзья если кому интересно давайте набирем лайки на этот комент всем спасибо Я Все понял из всех видео просто интересно как будет делать какой-нибудь сайт профи своего дела

[alexdreamer]

Блин, классно рассказал, так держать.

[fflcetu]

спасибо за интересный и полезный ролик

[oleksiipivniev]

Изложение материала на высоте.

Было бы интересно посмотреть вёрстку данного сайта до конца, а не только в виде блоков.

Также интересен вопрос насколько сложные сайты (в плане расположения элементов), например, асинхронное расположение и. т. п. можно сделать с помощью Bootstrap, такой контент был бы интересен.

[IgorBobyrev]

Все замечательно и прекрасно! Остается только понять, зачем вообще этот Bootstrap нужен, если есть Flex и Grid?

[alinanur]

привет, запиши пожалуйста видео по кастомизации bootstrap переменных и миксинов под свой проект! видосов про сетку полно, а по настройке нет