首頁 > web前端 > css教學 > 為什麼我的 Bootstrap XS 列在小螢幕上不換行?

為什麼我的 Bootstrap XS 列在小螢幕上不換行?

Barbara Streisand
發布: 2024-10-31 03:46:01
原創
660 人瀏覽過

Why Are My Bootstrap XS Columns Not Wrapping on Small Screens?

Bootstrap XS 欄位換行問題

問題:

問題:

問題:

Bootstrap 中的小螢幕是增加最多12 個單位並減少螢幕寬度時,無法如預期換行。

答案:

Bootstrap 有一個關於此行為的已知問題。在非常小的螢幕(小於 360 像素)上,由於列寬和填充之間不匹配,col-xs-1 列開始過早換行。

可以透過避免在極端情況下使用 col-xs-1 來避免這種情況。小螢幕。考慮螢幕尺寸是否會實際調整到 360 像素以下。在很多情況下,它不會。

Bootstrap 4 注意:
  • Col-xs-1 已在 Bootstrap 4 中重新命名為 col-1。
相關問題:Bootstrap 網格以最小尺寸分隔

以上是為什麼我的 Bootstrap XS 列在小螢幕上不換行?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板