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

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

Linda Hamilton
發布: 2024-11-08 00:50:02
原創
873 人瀏覽過

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中文網其他相關文章!

來源:php.cn
上一篇:CSS 可以根據內部 HTML 選擇元素嗎? 下一篇:如何在不直接存取的情況下設定跨域 iFrame 內容的樣式?
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
相關專題
更多>
熱門推薦
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板