如何使Bootstrap列都具有相同的高度？

我正在使用Bootstrap。如何使三根柱子的高度相同？

这是问题的屏幕截图。我希望蓝色和红色列与黄色列的高度相同。

三个引导程序列，中间列比其他两列长

这是代码：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container-fluid">
<div class="row">
    <div class="col-xs-4 panel" style="background-color: red">
        some content
    </div>
    <div class="col-xs-4 panel" style="background-color: yellow">
        catz
        <img width="100" height="100" src="https://lorempixel.com/100/100/cats/">
    </div>
    <div class="col-xs-4 panel" style="background-color: blue">
        some more content
    </div>
</div>
</div>