如何在 Bootstrap 中刪除特定 Div 的裝訂線空間？

僅刪除特定Div 的裝訂線空間而不影響響應能力

Bootstrap 網格系統通常在列之間包含預設的裝訂線空間，從而導致更具視覺吸引力的佈局。然而，在某些情況下，人們可能希望刪除特定 div 的裝訂線空間。

Bootstrap 5 解決方案：

Bootstrap 5 引入了提供靈活性的專用裝訂線類調整整個網格的裝訂線間距。若要刪除特定 div 的裝訂線，請使用 g-0 類別。此外，您可以使用 gx-* 和 gy-* 類別分別自訂水平和垂直間距，以保持跨不同斷點的反應能力。

Bootstrap 4 解：

In Bootstrap 4，實現這一點很簡單。該框架包括一個無裝訂線類，可以應用於特定行，有效地刪除該行中所有列的裝訂線空間。

Bootstrap 3 解：

對於 Bootstrap 3，方法略有不同。由於使用填充而不是邊距作為裝訂線，以下 CSS 可以應用於所需的 div：

.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.no-gutter [class*='col-']:not(:first-child),
.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

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