What Happened to Column Offsetting in Bootstrap 4 Beta?

Bootstrap 4 Beta: The Removal and Restoration of Column Offsetting

Bootstrap 4, in its Beta 1 release, introduced significant changes to the way columns were offset. However, with the subsequent release of Beta 2, these changes have been reversed.

From offset-md-* to ml-auto

In Bootstrap 4 Beta 1, the offset-md-* classes were removed. Instead, developers were encouraged to use the .ml-auto class to offset columns. However, this method did not provide the same level of precision as the previous approach.

Restoring Offset Classes in Beta 2

Fortunately, in Beta 2, the offset classes have been restored. The new syntax uses the format offset-{breakpoint}-, replacing the previous col-{breakpoint}-offset- syntax.

Custom Offsetting

To achieve custom column offsets, such as the now-deprecated

Using Dummy Placeholders

<br><div><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">  <div>

Copy after login

Using ml-auto and mr-auto

To center two adjacent columns, developers can apply ml-auto and mr-auto to both columns.

<br><div><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">    <div>

Copy after login