Как работает механизм автоматического перераспределения колонок во Bootstrap 4?

Механизм автоматического перераспределения колонок во Bootstrap 4 работает благодаря технологии Flexbox. 15

Колонки сетки без установленного атрибута «ширина» автоматически получают равную ширину. 2 Например, четыре экземпляра класса .col-sm автоматически (на малых контрольных точках) получат ширину одной колонки = 25%. 2

Можно установить ширину одной колонки, при этом остальные «родственные» колонки автоматически изменят свой размер вокруг неё. 2 Другие колонки будут изменять размер независимо от ширины центральной колонки. 2

Если ряд заполняется суммарным количеством колонок более 12-ти, последующая колонка переносится на новую строку. 34

Кроме того, ширина одной и той же колонки, а также общая структура сетки может меняться для разных областей просмотра. 1 Это называется отзывчивый дизайн, изменениями можно управлять с помощью специальных классов. 1