如何在 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中文网其他相关文章！