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- 語法。

自訂偏移量

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

  <div>

使用ml-auto 和mr-auto

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

  <div>

使用mx-auto

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

結論

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