Bootstrap 4 Beta 中的列偏移發生了什麼事？

Bootstrap 4 Beta：列偏移的刪除和恢復

Bootstrap 4 在其Beta 1 版本中引入了重大更改柱子偏移了。然而，隨著 Beta 2 的後續發布，這些變化已經逆轉。

從 offset-md-* 到 ml-auto

在 Bootstrap 4 Beta 1 中， offset-md-* 類別已被刪除。相反，鼓勵開發人員使用 .ml-auto 類別來偏移列。然而，這種方法並沒有提供與先前的方法相同程度的精度。

在 Beta 2 中恢復偏移類別

幸運的是，在 Beta 2 中，偏移類別已恢復。新語法使用 offset-{breakpoint}- 格式，取代先前的 col-{breakpoint}-offset- 語法。

自訂偏移

實現自訂列偏移，例如現已棄用的

使用虛擬佔位符

<br><div>
<pre class="brush:php;toolbar:false">  <div>

使用ml-auto 和mr- auto

要將兩個相鄰列居中，開發人員可以將ml-auto 和mr-auto 應用於兩列。

<br><div>
<pre class="brush:php;toolbar:false">    <div>

使用mx-auto

要將單一列居中，開發人員可以使用mx-auto 在兩側建立相等的邊距。

結論

Bootstrap 4 中列偏移的刪除和恢復給開發人員帶來了一些暫時的困惑。然而，隨著 Beta 2 中重新引入特定的偏移類，以及解決方法的可用性，開發人員可以繼續在 Bootstrap 4 中實現自訂列佈局。