Колонки одинаоковой шиирины
1 из 2
2 из 2
1 из 3
2 из 3
3 из 3
Установка ширины одной колонки
1 из 3
2 из 3 (широкая)
3 из 3
1 из 3
2 из 3 (широкая)
3 из 3
Контент переменной ширины
1 из 3
Контент переменной ширины
3 из 3
1 из 3
Контент переменной ширины номер 2
3 из 3
Мульти-ряд
col
col
col
col
Брейкпоинты
col
col
col
col
col-8
col-4
На мобильных устройствах
col-sm-8
col-sm-4
col-sm
col-sm
col-sm
Создание сложной комбинированной сетки
col-md-8
col-6 col-md-4
col-6 col-md-4
col-6 col-md-4
col-6 col-md-4
col-6
col-6
Вертикальное выравнивание
Верх
Верх
Верх
Середина
Середина
Середина
Низ
Низ
Низ
Верх
Середина
Низ
Горизонтальное выравнивание
row justify-content-start
row justify-content-start
Удаление полей между колонками
col-6 col-sm-4
col-6 col-sm-4
col-6 col-sm-4
col-6 col-sm-4
col-6 col-sm-4
col-6 col-sm-4
col-6 col-sm-4
col-6 col-sm-4
col-6 col-sm-4
Классы порядка элементов
Первый неупорядоченный элемент
Второй, упорядоченный как последний, элемент
Третий, упорядоченный как первый
Первый неупорядоченный
Второй, упорядоченный как последний
Третий, упорядоченный как первый
Классы смещения
col-md-4
col-md-4
col-md-3 offset-md-3
col-md-3 offset-md-3
col-md-6 offset-md-3
Вложенность
Уровень-1
Уровень-2