html - Bootstrap - 在没有砌体的情况下用完垂直空间

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

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

提前致谢

罗里

最佳答案

如果第 2 列(第 1 B 行)如图像所示更高，您可以添加一个类以使其在大屏幕上正确 float 。

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

关于html - Bootstrap - 在没有砌体的情况下用完垂直空间，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39465599/