」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 為什麼我的 Bootstrap 4 欄位是垂直對齊而不是水平對齊?

為什麼我的 Bootstrap 4 欄位是垂直對齊而不是水平對齊?

發佈於2024-11-16
瀏覽:281

Why Are My Bootstrap 4 Columns Vertically Aligned Instead of Horizontally?

Bootstrap 4 列對齊不一致

在從Bootstrap 3 到4 的過渡中,您注意到您的列是垂直對齊的,而不是水平地。這可以歸因於 Bootstrap 4 中網格系統的變更。

Col-12 Issue

在 Bootstrap 3 中,您可以使用以下方法將列包裝在父行中「col-12」類別。這在 Bootstrap 4 中不再有效。每個巢狀層級都有自己的行,因此從父行中刪除「col-12」類別:

TEST

TEST

TEST

TEST

這將確保列水平對齊並保持其預期行為。有關 Bootstrap 中嵌套的更多信息,請參閱其官方文件:https://getbootstrap.com/docs/4.0/layout/grid/#nesting

最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3