Bootstrap - 用尽垂直空间而不用砌筑

时间:2016-09-13 08:37:15

标签: html5 twitter-bootstrap css3 jquery-masonry

我认为下面的图片解释了我想要做的事情。基本上我希望第2行和第3行的左侧cols占据它们上方的空白区域,但第1行的高度是动态的。我不想使用hide / visible,因为colB包含一个我不想加载两次的图像。

我想知道是否有一种我不知道的引导本地方法?我现在唯一能想到的就是使用一个小的jquery函数为Row2设置一个负余量顶部〜(Row1.ColB.Height - Row1.ColA.Height) masonry alternative

提前致谢

1 个答案:

答案 0 :(得分:1)

如果您的图像中显示的第二列(第1B行)较高,您可以添加一个类以使其在较大的屏幕上浮动..

@media (min-width:768px) {
    .pull-sm-right {
        float:right;
    }
}

<强> http://www.codeply.com/go/N3bJZRencG