如何在bootstrap 3.1.1中的多个断点处添加一致的网格装订线宽度

Question

我使用最新的bootstrap，我没有运气在响应式网格中的项目之间添加简单的边距。我有一个简单的网格，根据col设置（col-lg / col-md / col-sm / col-xs）从4/3/2/1列缩放

<div class="container-fluid">
  <div class="row">
    <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
        <!-- put stuff in here -->
    </div>
  </div>
</div>

我想要一种简单的方法来覆盖默认样式（或者直接使用较少的属性），以便在具有上述布局的项目之间获得简单的边距。

默认情况下，这会正确堆叠，但每个项目都是直接相邻的。如何以最少的黑客数量达到所需的装订线宽度？

Answer 1

在BS3中，“装订线”是使用填充而不是边距创建的，因此创建装订线外观的最简单方法是使用col-*内的容器..

http://bootply.com/113815

请参阅此文章以了解Bootstrap 3装订线：

http://blog.codeply.com/2016/04/06/how-the-bootstrap-grid-really-works/