2

私はこのような構造を持っています: (これはブートストラップ 3 ですが、バージョン 2.x でも同じはずです)

ここに画像の説明を入力

テーブルのように見える、かなり基本的なもの。この右側の col-lg-4 を左側の col-lg-8 と同じサイズにしたいです。style="min-height: 100%" を試しました（ここで質問しているので、明らかに機能しませんでした）。私はいくつかの調査を行ってきましたが、同じ問題を求めている人のほとんどは、コンテンツ全体がページの 100% になることを望んでいます。これを同じ行の左側の div の 100% にしたい。なぜそれが機能しないのかさえわかりません.100％が外側の行の高さに適用されるべきです.これは私が必要とする正確な高さです（外側の行にはパディングがありません.グリッドの）

4

1 に答える 1

0

あなたが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'));
});
于 2013-08-02T16:10:36.703 に答える