css - bootstrap col 中央寄せ - Bootstrapのカラムをすべて同じ高さにするにはどうしたらいいですか? #2

Bootstrap row col / css / twitter-bootstrap

Read Question

Kodos Johnson



Answer #2

興味のある方は、ちょっとしたjqueryのソリューションをご利用ください。すべてのコル(エル)が共通のクラス名を持っていることを確認してください。また、$(window).resizeにバインドすれば、レスポンシブに動作します。

function equal_cols(el)
{
    var h = 0;
    $(el).each(function(){
        $(this).css({'height':'auto'});
        if($(this).outerHeight() > h)
        {
            h = $(this).outerHeight();
        }
    });
    $(el).each(function(){
        $(this).css({'height':h});
    });
}
$(document).ready(function(){
   equal_cols('.selector');
});