Как я могу сделать загрузочные столбцы одинаковой высоты?

Я использую 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>