首頁 > web前端 > css教學 > 如何刪除 Bootstrap 中的裝訂線?

如何刪除 Bootstrap 中的裝訂線?

Mary-Kate Olsen
發布: 2024-11-26 14:49:14
原創
556 人瀏覽過

How Do I Remove Gutters in Bootstrap?

刪除 Bootstrap 中的列裝訂線

Bootstrap 利用填充在其列之間建立裝訂線。但是,在某些情況下,您可能更願意消除此間距,而不需要手動調整。

Bootstrap 5 及更高版本

使用 Bootstrap 版本 5 及更高版本,. no-gutters 類別已替換為 .g-0。若要從行中刪除裝訂線,只需將此類套用於該行即可。

Bootstrap 4

Bootstrap 4 為行元素引入了 .no-gutters 類,提供直接控制超過裝訂線消除。

Bootstrap 3.4.0 和上圖

Bootstrap 3.4.0 引入了 .row-no-gutters 類,透過填充變更來刪除裝訂線。

Bootstrap 3 (

對於Bootstrap 版本3 至3.3.9,自訂需要額外的CSS 以及.no-gutter 等類來調整邊距和填充。

以上是如何刪除 Bootstrap 中的裝訂線?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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