首頁 >web前端 >css教學 >為什麼 col-xs-* 在 Bootstrap 4 中不起作用?

為什麼 col-xs-* 在 Bootstrap 4 中不起作用?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-12-26 10:24:11784瀏覽

Why Doesn't col-xs-* Work in Bootstrap 4?

Bootstrap 4 中的col-xs-* 無法使用

在嘗試調整Bootstrap 中列的尺寸時,您可能會遇到問題,其中col-xs-* 類別似乎不起作用。當您將列設為中等大小時:

文字對齊工作正常:
[文字對齊圖片]

但是,當您將欄位設為超小(extra small)時:

文字對齊不再運作:
[文字對齊錯誤圖片]

對於這種無法正常運作的現象,原因在於Bootstrap 4 中棄用了col-xs-* 類別。您需要使用 col-* 類別來指定列的尺寸。例如,將 col-xs-12 替換為 col-12即可。

同樣,請注意 col-xs-offset-{n} 也在 v4 中被 offset-{n} 取代。

以上是為什麼 col-xs-* 在 Bootstrap 4 中不起作用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn