Bootstrap: ajustar el height al height de la columna más alta

[schattenburg]

Buenos días:

Estoy intentando hacer mediante CSS de Bootstrap que el tamaño del height de todas las columnas sea siempre el mismo, aunque algunas de ellas tenga mucho menos contenido q otras.

Mi código es el siguiente:

Código HTML:

<style>
 .rojo { background-color:#FF0000; height:200px; }
 .azul { background-color:#2C2961; }
 .verde { background-color:#036C19; }
 </style>
 
<div class="row">
    <div class="col-md-4 rojo">
        En un lugar de la mancha<br>
    </div>
    <div class="col-md-4 azul">
        En un lugar de la mancha<br>
        En un lugar de la mancha<br>
        En un lugar de la mancha<br>
        En un lugar de la mancha<br>
        En un lugar de la mancha<br>
    </div>
    <div class="col-md-4 verde">
        En un lugar de la mancha<br>
        En un lugar de la mancha<br>
        En un lugar de la mancha<br>
        En un lugar de la mancha<br>
        En un lugar de la mancha<br>
        En un lugar de la mancha<br>
        En un lugar de la mancha<br>
        En un lugar de la mancha<br>
        En un lugar de la mancha<br>
        En un lugar de la mancha<br>
    </div>
</div>
 

He probado mediante CSS ajustar el height de diferentes maneras pero nada. Cada columna muestra el height que tiene, ¿cómo puedo hacer que el height de todas las columnas sea el mismo y que éste sea el de la columna con height más alto?

Muchas gracias