Bootstrap网格中列之间的差距

Question

我正在做一个包含12列的网格布局，有没有办法在没有自定义css的列之间提供间隙

我的偏见是这样的

<div class="container">
<div class="row">

<div class="col-xs-3">
some content 
</div>

<div class="col-xs-3">
some content
</div>
<div class="col-xs-3">
some content
</div>
<div class="col-xs-3">
some content
</div>

</div>

</div> 

我希望每列之间有一些差距而没有任何偏移？

Answer 1

如果您使用box-sizing:border-box上的某个值来创建差距，则Bootstrap使用float和border设置列会更好：

.col-xs-3 {
   border:2px solid #fff; /*Color of the Background*/
}

检查Demo