用bootstrap 3网格创建一个砌体排水沟

时间:2014-03-11 22:09:59

标签: twitter-bootstrap twitter-bootstrap-3 jquery-masonry

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

我有一个2列的bootstrap页面,其中包含col-sm-9“main”部分以及col-sm-3侧边栏。

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

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

在下面的例子中,我展示了2次失败尝试的基础(我试验了两个没有运气,有砌体和css选项,这只是我想到的方法的核心):

http://www.bootply.com/121056

尝试1 -

我平铺了一堆col-sm-4,但不能在它们上面创建一个排水沟。

尝试2 -

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

我似乎无法找出正确的方法。有没有人有建议?

1 个答案:

答案 0 :(得分:2)

容器的id应为..

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

http://www.bootply.com/121233