Базовые макеты сеток, которые познакомят Вас со строительством в сеточной системе Bootstrap.
В этих примерах к столбцам добавлен класс .themed-grid-col, чтобы добавить тематику. Это не тот класс, который по умолчанию доступен в Bootstrap.
В сеточной системе Bootstrap есть пять уровней, по одному для каждого диапазона поддерживаемых нами устройств. Каждый уровень начинается с минимального размера области просмотра и автоматически применяется к более крупным устройствам, если не отменен.
Получите три столбца одинаковой ширины, начиная с настольных компьютеров и масштабирования до больших настольных компьютеров. На мобильных устройствах, планшетах и более ранних версиях столбцы автоматически складываются.
Получите три столбца, начиная с настольных компьютеров и масштабирования до больших настольных компьютеров различной ширины. Помните, что количество столбцов сетки должно составлять до двенадцати для одного горизонтального блока. Более того, столбцы начинают складываться независимо от области просмотра.
Получите две колонки, начиная с настольных компьютеров и масштабирования до больших настольных компьютеров.
Для полноширинных элементов классы сетки не требуются.
Согласно документации, вложенность проста - просто поместите строку столбцов в существующий столбец. Это дает Вам две колонки начиная с настольных компьютеров и масштабирования до больших настольных компьютеров, с двумя другими (равной ширины) в большем столбце.
При размерах мобильных устройств, планшетов и ниже эти столбцы и их вложенные столбцы будут складываться.
Сетка Bootstrap v4 имеет пять уровней классов: xs (очень маленький, этот инфикс класса не используется), sm (маленький), md (средний), lg (большой) и xl (очень большой). Вы можете использовать практически любую комбинацию этих классов для создания более динамичных и гибких макетов.
Каждый уровень классов масштабируется, что означает, что если Вы планируете установить одинаковую ширину для md, lg и xl, Вам нужно только указать md.
Дополнительные классы, добавленные в Bootstrap v4.4, позволяют использовать контейнеры шириной 100% до определенной контрольной точки.