Bootstrap：如何获得具有 100% 高度的另一列的列

Question

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

很基本的东西，看起来像一张桌子。我希望右侧的 col-lg-4 与左侧的 col-lg-8 具有相同的大小。我试过 style="min-height: 100%" （这显然没有用，因为我在这里问）。我一直在做一些研究，但大多数提出相同问题的人都希望他们的全部内容是 100% 的页面。我希望这是同一行中左侧 div 的 100%。我什至不明白为什么它不起作用，100% 应该适用于外行的高度，这是我需要的确切高度（外行没有填充，图像看起来像这样以获得更好的概览网格）

Answer 1

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

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

这样使用...

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