如何在 Bootstrap 4.0.0-beta 中實現所需的列偏移？

Bootstrap 列偏移困境已解決

在Bootstrap v4.0.0-beta 中，之前使用的offset-md-m * 列偏移量類別已被刪除。該文件建議使用 .ml-auto 來代替。然而，這種方法會導致意外的行為，將列偏移四而不是預期的數量。

這種差異是由 Bootstrap 4 中新的基於 Flexbox 的佈局系統引起的。 偏移類別不再相關 由於列的彈性。若要實現自訂偏移，請考慮以下解決方案：

1. 佔位符列：

   • 新增所需偏移大小的虛擬列為您的偏移創造空間

2. 自動邊距（ml/mr-auto）：

   • 居中多個列： 將偏移列除以二，然後對每個列套用 ml-auto 和 mr-auto列。
   • 將單一欄位居中：使用 mx-auto 在兩側建立相等的邊距。

即將推出更改：
需要注意的是，Beta 版中將重新引入特定的列偏移Bootstrap 4 的 2。這將恢復使用 offset-md-2 等類別來實現精確列位移的能力。

以上是如何在 Bootstrap 4.0.0-beta 中實現所需的列偏移？的詳細內容。更多資訊請關注PHP中文網其他相關文章！