Bootstrap row resize event
<p>I want to resize 2 columns in a row. 
The first column is the tallest and the other columns need to expand to the same height.</p>

<p><a href="https://i.stack.imgur.com/IDUoA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IDUoA.png" alt="one row, 3 columns"></a></p>

<p>i tested the following but it doesnt work</p>

<pre><code>&lt;div class="row" id="top-row"&gt;....

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

<p>But the function doesnt work.</p>