使用bootstrap 3格线创建砖石边沟

Question

我在使特定的引导程序网格响应时遇到了问题。这在以前的固定容器概念下是有效的。

我有一个2列的bootstrap页面，其中包含一个col sm-9 "main“部分和一个col sm-3侧边栏。

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

我遇到的问题是，我似乎不能在砖石部分创建一个排水沟。我希望砖石有一个15px的排水沟，否则正常调整大小。

在下面的例子中，我展示了两次失败尝试的基础(我在这两种情况下都进行了实验，没有运气，使用masonry和css选项，这只是我想到的方法的核心)：

http://www.bootply.com/121056

尝试1-

我平铺了一堆col 4，但不能在上面创建一个排水沟。

尝试2-

我将背景颜色嵌套在列中，以利用填充来作为装订线的ƒ。不幸的是，这意味着我受制于外部填充，这看起来不正确。

我似乎想不出正确的方法。有没有人有建议？

Answer 1

容器的id应该是..

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

http://www.bootply.com/121233