Bootstrap：如何获得100％另一列高度的列

Question

我有这种结构： （这是bootstrap 3，但它应该与版本2.x相同）

非常基本的东西，看起来像一张桌子。我希望右侧的col-lg-4与左侧的col-lg-8具有相同的大小。我尝试了style =“min-height：100％”（这显然不起作用，因为我在这里问）。我一直在做一些研究，但大多数要求同样问题的人希望他们的整个内容都是100％的页面。我希望这是同一行中左侧div的100％。我甚至不知道为什么它不起作用，100％应该适用于外行的高度，这是我需要的确切高度（外部行没有填充，图像看起来像是为了更好的概述网格）

Answer 1

如果你熟悉jQuery ......这在过去对我有用。只需将colomns组传递给此函数。

function equalHeight(group) {
   tallest = 0;
   group.each(function() {
       thisHeight = $(this).height();
       if(thisHeight > tallest) {
          tallest = thisHeight;
       }
   });
   group.height(tallest);
}

像这样使用......

$(document).ready(function(){
    equalHeight($('.cols'));
});