css - 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

由于 Bootstrap 使用 box-sizing:border-box 和 float 来设置列，如果您在 border 上使用一些值会更好创造差距:

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

检查 Demo