Como posso criar colunas do Bootstrap da mesma altura?
Estou usando o Bootstrap. Como posso criar três colunas da mesma altura?
Aqui está uma captura de tela do problema. Gostaria que as colunas azuis e vermelhas tivessem a mesma altura da coluna amarela.
Aqui está o código:
<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>