Css 引导行大小调整事件

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

我测试了以下内容，但不起作用

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

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

。。。。
$（'#顶行'）。在（'resize'，function（）{/*col-2,3 height=col-1 height*/}）上；

但是这个功能不起作用

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>

这将采用最长砌块的高度，并适用于所有砌块

---

这将采用最长块的高度，并将应用于所有（'resize'）上的

事件，仅适用于
窗口
对象。您认为仅使用CSS解决此问题如何<代码>显示：表格单元格
可以完美完成。您可以添加一个最小值height@AlexTodef在CSS中<代码>显示：表格单元格

到列，显示：表格到行？@nagazi到列。如果需要，将“显示：表格行”应用于行。如果您提供代码，我可以为您创建JSFIDLE。

on（'resize'）

事件仅对

window

对象有效。您认为仅使用CSS解决此问题如何<代码>显示：表格单元格可以完美完成。您可以添加一个最小值height@AlexTodef在CSS中<代码>显示：表格单元格到列，显示：表格到行？@nagazi到列。如果需要，将“显示：表格行”应用于行。如果您提供代码，我可以为您创建JSFIDLE。

$(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);
});