使用 bootstrap 3 网格创建砌体排水沟答案

【问题标题】：creating a masonry gutter with bootstrap 3 grid使用 bootstrap 3 网格创建砌体排水沟
【发布时间】：2014-03-11 22:09:59
【问题描述】：

我无法让特定的引导网格响应。这以前在固定容器概念下有效。

我有一个 2 列引导页面，其中包含一个 col-sm-9“主”部分以及一个 col-sm-3 侧边栏。

col-sm-9 部分包含一个砖石砖，它有 3 列。

我遇到的问题是，我似乎无法在砌体部分设置排水沟。我希望砖石有一个 15px 的排水沟，否则正常调整大小。

在下面的示例中，我展示了 2 次失败尝试的基础（我尝试了两种都没有运气，使用 masonry 和 css 选项，这只是我想到的方法的核心）：

尝试 1-

我平铺了一堆 col-sm-4 ，但无法在它们上创建排水沟。

尝试 2-

我将背景颜色嵌套在列中，以利用填充来制作排水沟。不幸的是，这意味着我受到外部填充的影响，这看起来不正确。

我似乎无法找出正确的方法。有人有什么建议吗？

【问题讨论】：

【解决方案1】：

容器的id应该是..

<div class="container" id="content_container">

【讨论】：