Bootstrap Grid中列之间的间隙答案

【问题标题】：Gap between columns in Bootstrap GridBootstrap Grid中列之间的间隙
【发布时间】：2015-05-08 12:01:02
【问题描述】：

我正在做一个包含 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>

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

【问题讨论】：

填充？还是边界？ ......
不填充内容..我需要每列（col-xs-3）之间应该有一些空间。
bootply.com/Lmabv9UUEM 使用边框
谢谢你的工作..

标签： css twitter-bootstrap-3 sass

【解决方案1】：

由于 Bootstrap 使用 box-sizing:border-box 和 float 设置列，如果您在 border 上使用一些值来创建间隙，效果会更好：

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

查看Demo

【讨论】：