css - Bootstrap 行调整事件

Question

我想连续调整 2 列的大小。第一列是最高的，其他列需要扩展到相同的高度。

我测试了以下但它不起作用

<div class="row" id="top-row">....

$('#top-row').on('resize', function() { /*col-2,3 height = col-1 height*/ });

但是这个功能不起作用。

Answer 1

html
<div class="row">
    <div class="col-xs-4">
        block 1 
    </div>          
    <div class="col-xs-4">
        block 2             
    </div>      
    <div class="col-xs-4">
            block 3 
    </div>
</div>

js

$(function() {
   var $paragraphs = $('#top-row .col-xs-4'),
    heights = [];
    $paragraphs.each(function() {
       heights.push($(this).height());
    });
    var maxHeight = Math.max.apply(this, heights);
    $paragraphs.height(maxHeight);
});

这将采用最长 block 的高度并将应用于所有