在一个容器中将面板一个放在另一个下面

Question

我使用Bootstrap面板在我的html中有这些小部件：

为什么我的第二行LEFT小部件相应地缩放第一行RIGHT小部件高度，而不是直接低于第一个左小部件高度？它们在同一个容器中。

是否有一些解决方案，但解决方案将它们保存在同一个容器中？

Answer 1

或者你可以使用jQuery并设置一个类.same-height

jQuery(document).ready(function($) { 
    var heights = $(".same-height").map(function() {
        return $(this).height();
    }).get(),

    maxHeight = Math.max.apply(null, heights);

    $(".same-height").height(maxHeight);
});

<强> DEMO HERE