¿Columnas en bootstrap con la misma altura?

[Ratus-BROWN]

Hola buenas a tod@s,


Me gustaría saber como conseguir que las columnas (utilizando el grid) de bootstrap se ajusten al tamaño de la más alta.

He visto algunas reglas css del estilo, en las que se le dice a la columna que se comporte como una celda de una tabla:

Código CSS:

.row [class*="col-"] {
    display: table-cell;
    display: table;
  
}
 

Estoy usando un html (bien formado) muy sencillo para poder ver el efecto, pero no lo consigo.

Código HTML:

<div class="container">
             <div class="row">
                    <div class="col-md-3">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                    </div>
                    <div class="col-md-3">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                    </div>
                    <div class="col-md-3">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                    </div>
                    <div class="col-md-3">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                              Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                              Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                              Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                    </div>
                </div>
</div>
 

Incluso he encontrado un ejemplo en Jsfiddle que funciona http://jsfiddle.net/aitorrodriguez/6...paign=6sdbnwg6

¿Podría alguien orientarme un poco en como se debe hacer? La solución más comoda en este caso sería usar FlexBox, pero para el sistema en el que lo tengo que aplicar no esta integrado.

Gracias.
Saludos