首頁 >web前端 >css教學 >Bootstrap 4 Beta 中的列偏移發生了什麼事?

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

Linda Hamilton
Linda Hamilton原創
2024-11-08 00:50:02899瀏覽

What Happened to Column Offsetting in 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 中實現自訂列佈局。

以上是Bootstrap 4 Beta 中的列偏移發生了什麼事?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

bootstrap for format auto continue using class this column mr
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:CSS 可以根據內部 HTML 選擇元素嗎?下一篇:CSS 可以根據內部 HTML 選擇元素嗎?

相關文章

看更多