#2 Пишем свой Bootstrap с нуля | Классы колонок на Sass

В прошлом уроке мы начали писать свою реализацию Bootstrap. И на данный момент у нас уже есть основа для сетки: - класс контейнера - ряда - и гибкой колонки Этого уже достаточно, чтобы создавать макеты с симметричными элементами в ряду. Но не позволяет нам размещать их более сложные конфигурации. Например, чтобы один элемент занимал 3 колонки, а другой 9. Как вы знаете, в Bootstrap для этого существуют специальные классы с фиксированной шириной от .col-1 до .col-12, соответственно. В этом уроке мы с вами также создадим эти классы, используя возможности препроцессора Sass. 0:00 - Вступление 1:04 - Создание переменных 2:27 - Класс “.col-1“ 2:54 - Расчет ширины одной колонки 4:55 - Выносим общую часть колонок 5:10 - Класс “.col-2“ 5:47 - Миксин для колонок 6:38 - Генерируем классы колонок через @for 7:43 - Использование нашей сетки 8:34 - Послесловие #bootstrap #sass #flexbox Все исходники к урокам вы можете най