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

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

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

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

Если ряд заполняется суммарным количеством колонок более 12-ти, последующая колонка переносится на новую строку. www.geeksforgeeks.org webdesign-master.ru

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