如何在 Bootstrap 中删除特定 Div 的装订线空间？

删除特定 div 的装订线空间

默认的 Bootstrap 网格系统采用 12 列布局，并用 30 像素的装订线分隔列。虽然 Bootstrap 提供了无装订线类来从整行中删除装订线，但这可能会导致行末尾出现额外的空间。

对于仅需要删除特定 div 的装订线空间的情况，考虑以下选项：

Bootstrap 5

• 利用新的 g-* 装订线类根据特定断点响应式调整装订线。
• g-0 消除所有装订线。
• g -(1-5) 使用间距单位调整水平和垂直装订线。
• gy-* 调整仅垂直装订线。
• gx-* 仅调整水平装订线。

Bootstrap 4

• 合并 no -gutters 类到行，这会删除所有行的装订线列：

  <div>

• 利用间距实用程序来控制各个列的边距和填充：

  <div>

Bootstrap 3

• 利用 row.no-gutter 类，调整边距和填充以删除装订线：

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

示例（引导程序 3）：

<div>

以上是如何在 Bootstrap 中删除特定 Div 的装订线空间？的详细内容。更多信息请关注PHP中文网其他相关文章！