| <style> | ||||||||
| .rojo { background-color:#FF0000; } | ||||||||
| .azul { background-color:#2C2961; } | ||||||||
| .verde { background-color:#036C19; } | ||||||||
| </style> | ||||||||
| </head> | ||||||||
| <body> | ||||||||
| <div class="row"> | ||||||||
| <div class="col-md-4 rojo well"> | ||||||||
| En un lugar de la mancha<br> | ||||||||
| </div> | ||||||||
| <div class="col-md-4 azul well"> | ||||||||
| 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 well"> | ||||||||
| 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> | ||||||||
| <script> | ||||||||
| $(document).ready(function() { | ||||||||
| var heights = $(".well").map(function() { | ||||||||
| return $(this).height(); | ||||||||
| }).get(), | ||||||||
| maxHeight = Math.max.apply(null, heights); | ||||||||
| $(".well").height(maxHeight); | ||||||||
| }); | ||||||||
| </script> // Esto si lo quieres manipular con JQuery, pero hacerlo todo en CSS directamente es mucho más fácil, solo debes poner:
|
ccc
Boostrap: ajusta el height de las columnas al height de la columna más alta
Suscribirse a:
Enviar comentarios (Atom)
No hay comentarios:
Publicar un comentario