twitter-bootstrap - 如何处理 Bootstrap 3 列没有间隙？

Question

我在使用新的 Bootstrap 3 网格系统时遇到了麻烦。我想创建 4 列网格。所以这是我的代码:

<div class="row">
   <div class="col-lg-4">...</div>
   <div class="col-lg-4">...</div>
   <div class="col-lg-4">...</div>
</div>

我的问题是列之间没有间隙。 Grid 将 padding-left 和 padding-right 应用于列而不是 margin-left 和 margin-right。

当我删除填充并添加边距时，它会崩溃。我将如何解决这个问题？或者有什么我无法理解的吗？

Answer 1

如果您不能使用默认填充来创建间隙，则必须将 `margin-left' 添加到适当的列并调整 % 宽度。

例如 .col-lg-4通常有 33% 的宽度，所以你会减少一点..

.col-lg-4 {
    margin-left:15px;
    width:31.6%;
}

http://bootply.com/74374

另一种选择是在列内使用容器，然后填充将用于创建间隙。