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:
Ver original
.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:
Ver original
<div class="container"> <div class="row"> <div class="col-md-3"> </div> <div class="col-md-3"> </div> <div class="col-md-3"> </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