Bootstrap 4 Beta: удаление и восстановление смещения столбцов

Bootstrap 4 в своей бета-версии 1 внес существенные изменения в способ столбцы были смещены. Однако с последующим выпуском бета-версии 2 эти изменения были отменены.

От offset-md-* до ml-auto

В Bootstrap 4 Beta 1 классы offset-md-* были удалены. Вместо этого разработчикам было предложено использовать класс .ml-auto для смещения столбцов. Однако этот метод не обеспечивал такого же уровня точности, как предыдущий подход.

Восстановление классов смещения в бета-версии 2

К счастью, в бета-версии 2 классы смещения были восстановлены. В новом синтаксисе используется формат offset-{breakpoint}-, заменяющий предыдущий синтаксис col-{breakpoint}-offset-.

Пользовательское смещение

Для достижения пользовательских смещений столбцов, например устаревшего

  <div>

Использование ml-auto и mr-auto

Чтобы центрировать два соседних столбца, разработчики могут применять ml-auto и mr-auto к обоим столбцам.

    <div>

Использование mx-auto

Чтобы центрировать один столбец, разработчики могут использовать mx-auto для создания равных полей с обеих сторон.

Заключение

Удаление и восстановление смещений столбцов в Bootstrap 4 создало некоторую временную путаницу для разработчиков. Однако с повторным введением определенных классов смещения в бета-версии 2, а также с появлением обходных методов разработчики могут продолжать создавать собственные макеты столбцов в Bootstrap 4.