Bootstrap - 用尽垂直 space 没有砌体

Question

我认为下图解释了我正在尝试做的事情。本质上，我希望第 2 行和第 3 行的左侧列占据它们上方的空 space，但第 1 行的高度是动态的。我不想使用 hide/visible，因为 colB 包含我不想加载两次的图像。

我想知道是否有我不知道的 bootstrap 本机方法？我现在唯一能想到的就是使用一个小的 jquery 函数为 ~ (Row1.ColB.Height - Row1.ColA.Height) 的 Row2 设置负边距顶部

提前致谢

罗里

Answer 1

如果第 2 列（第 1 B 行）如图片所示更高，您可以添加 class 使其在大屏幕上正确浮动..

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

Bootstrap - Use up vertical space without masonry