Bootstrap 是一个流行的前端框架，它提供了一个响应式、移动设备优先的流式栅格系统。在 Bootstrap4 中，我们可以通过几种不同的方式来调整栅格的间隔。
1. 使用预定义的栅格间隔类
Bootstrap4 提供了一系列的预定义栅格间隔类，我们可以直接在栅格类后面添加这些间隔类来实现间隔调整。
示例：
在这个例子中，我们没有使用任何额外的间隔类，因此列之间没有间隔。
调整间隔：
这里我们使用了
.col-md-push-3
和
.col-md-pull-3
来调整列的位置，从而在视觉上产生间隔效果。
2. 使用负间隔
在 Bootstrap4 中，我们可以使用负间隔（negative gutter）来消除列之间的间隔。
示例：
在这个例子中，我们使用了
.col-md-push-6
来将第一列推到第二列的右边，从而产生了一个负间隔。
3. 使用自定义间隔
如果我们需要更复杂的间隔控制，我们可以使用自定义间隔。
示例：
在这个例子中，我们可以在
.col-md-6
后面添加一个空的
.col-md-push-3
或
.col-md-pull-3
来实现自定义间隔。
4. 使用媒体查询
Bootstrap4 支持使用媒体查询来自定义栅格间隔。
示例：
在这个例子中，我们可以使用媒体查询来调整间隔：
@media (min-width: 768px) {
.col-md-push-3 {
margin-left: -15px;
}
}
这样，在屏幕宽度小于 768px 的情况下，我们将第一列向左移动了 15px，从而实现了间隔。
总结
通过上述方法，我们可以灵活地调整 Bootstrap4 中的栅格间隔。选择合适的方法取决于你的具体需求和设计目标。希望这个详细的解释和代码实例能够帮助你更好地理解如何调整 Bootstrap4 中的栅格间隔。