Html 如何在bootstrap 3中最小化边沟宽度？

如何在bootstrap 3中最小化边沟宽度？由于引导遵循12格系统，所以当我使用col sm-*放置内容时，元素之间会有一些像素的间隔（比如说30像素，即网格列两侧的15像素），但主题的要求并不要求列之间有太多的空间。那么，我应该做什么来最小化这个空间呢

使用

---

在此编辑器中编辑

@网格边距宽度
值。
如果您不想生成自定义引导构建，以下是一种CSS技术，它将覆盖列之间的引导填充（边距）

/* remove spacing between middle columns */
.row.no-gutter [class*='col-']:not(:first-child):not(:last-child) {
  padding-right:0;
  padding-left:0;
}
/* remove right padding from first column */
.row.no-gutter [class*='col-']:first-child {
  padding-right:0;
}
/* remove left padding from last column */
.row.no-gutter [class*='col-']:last-child {
  padding-left:0;
}

演示：

另一个选项（将排水沟减少一半-15px）：

演示：

此技术也适用于bootstrap4：
如果使用sass，请在
Bootstrap\scss\\u variables.scss
中查找单词
gotter
。在不使用
的情况下，将必要的变量复制并覆盖到您自己的sass文件中！默认值
 先生，我应该在哪里给出这个值？在我的自定义样式表（mystyle.css）中，或者我应该从官方网站下载bootstrap.css的自定义版本，其硬编码值为边沟宽度？？请详细说明..进入本页：将@grid檐槽宽度设置为您想要使用的值。下载这个技巧生成的自定义引导程序，并用新的引导程序库替换你的引导程序库。谢谢你帮我，兄弟：）
.row-smaller {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.row-smaller > div[class^="col"] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}