如何刪除 Bootstrap 中的裝訂線？

刪除Bootstrap 中的裝訂線：綜合指南

介紹

，Bstraeap列之間30 像素的間距有時會成為您設計的障礙。在本文中，我們將探索各種方法來刪除此裝訂線，而無需設定負邊距。

Bootstrap 5

Bootstrap 5 的最新版本引入了一個專用類, .no-gutters，可以添加到.row元素中以刪除所有水平和垂直

此外，Bootstrap 5提供了一系列新的裝訂線類，用於響應式微調列之間的間距。

Bootstrap 4

對於 Bootstrap 4，.no-gutters 類別也可以用在 .row 元素上刪除裝訂線。

Bootstrap 3.4.0

Bootstrap 3.4.0 引進了專門用於刪除裝訂線的 .row-no-gutters 類別。

引導程式 3 ,

對於 3.4.0 之前的 Bootstrap 3 版本，裝訂線是使用填充創建的。若要刪除它們，您可以定義自訂 CSS 類別：

然後，將 .no-gutter 類別新增至 .row 元素。

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