#1 Сетка Bootstrap 5 для начинающих | Быстрая верстка сайта при помощи колоночной сетки
Исходники к видео:
Подписывайся на альтернативные каналы:
—
—
Если вы занимаетесь версткой сайтов, то наверняка слышали о таких сеточных фреймворках как Bootstrap, Foundation, Semantic UI и многих других.
Все они включают в себя множество готовых компонентов для быстрой разработки интерфейсов. Но самое интересное, ради чего их используют большинство разработчиков, это их сеточная структура, которая позволяет быстро создавать адаптивные макеты.
В этом видео мы рассмотрим принцип использования колоночной сетки для верстки ваших сайтов на примере Bootstrap.
0:00 - CSS фреймворки
0:43 - Принцип колоночной сетки
1:34 - Рабочее окружение (Gulp, Sass)
2:39 - Базовые свойства
3:02 - Подключение Bootstrap 5 (CDN, NPM)
3:54 - Компоненты сетки, контейнер
4:13 - Ряды сетки
4:33 - Колонки сетки
5:32 - Элементы макет