Columnas con la misma altura en Bootstrap

Les debe haber pasado que tienen 2 columnas de bootstrap y que necesitan que ambas tengan la misma altura.

Para eso deben usar la propiedad de CSS display con el valor flex, de la siguiente forma:
display: flex;

Se debe aplicar esto al row de bootstrap.

Un ejemplo sería:

<div class="row" style="display: flex;">

<div class="col-xs-8" style="border-style: solid; border-width: 0px 0px 2px 2px; padding:10px;"><b>Recomendaciones: Bla,bla,bla...</b></div>
<div class="col-xs-4" style="border-style: solid; border-width: 0px 2px 2px 2px; padding:10px;">Gráfico de altura variable.<br><br><br><br><br><br><br><br></div>

</div>

chaveztoro

ACCESOPERU.COM