Twitter bootstrap Boostrap-列之间的间隙

我的引导列有问题。我想在列之间添加间隙，但不起作用。你可以在我的代码片段中看到所有的.col-md-4填充col-md-10，中间没有空格。以下是我的片段：

.col-md-4{背景色：红色；} 测验 测验 测验 我在bootstrap v3的引导列中找到了一种控制间隙宽度的最佳方法，该方法在bootstrap v4上也能正常工作

你的代码有什么问题？？ 首先，您有一个col-md-12包装。col-md-10没有一个带有row类的父容器，因此根据引导标准，它在很大程度上是错误的。您应该参考Bootstrap3网格文档

控制间隙/排水沟如下所示：

修复方法： 默认情况下，BootStraps行的左边距和右边距为-15px，其col-*-*列的左边和右边距为15px。因此，为了完全控制列间距大小，我们只需将行上的负边距与列-*-*上的填充匹配即可。因此，列之间可以有非常大或非常小的间隙/水槽，而不会影响页面的其余布局

希望这有帮助

---

您需要向测试div添加一些边距。Bootstrap不会为您添加此css样式。根据您想要实现的目标，您还可以尝试使用Bootstrap的偏移类，例如，测试下面的示例使用偏移类和添加的边距。希望这会有帮助。@AlexCaron没问题！很高兴帮忙！

   <style>
    .back{
       background-color:red;
    }
</style>
<div class="col-md-12">
  <div class="col-md-10">
    <div class="row">
        <div class=" col-md-4  ">
            <div class="back" >Test</div>
        </div>
        <div class=" col-md-4   ">
             <div class="back" >Test</div>
        </div>
        <div class=" col-md-4  ">
             <div class="back" >Test</div>
        </div>
   </div>
 </div>
</div>