Estoy intentando hacer una galeria de imágenes con Bootstrap y quiero imitar el estilo de instagram.
Es decir quiero lograr que imágenes con diferentes altos y anchos queden centradas en una caja cuadrada y se escalen según estos parámetros.
Un ejemplo de lo que quiero conseguir es este:
https://www.instagram.com/magnumphotos/
Tengo el siguiente codigo, con imagenes horizontales y cuadradas esta resuelto, pero a la que pongo una vertical se descuadra. Y no logro con ningun código, forzar el alto máximo.
Código HTML:
<section class="container"> <div id="galeria" class="row"> <div class="col-md-4"> <img src="img/img01.jpg" class="img-responsive"> </div> <div class="col-md-4"> <img src="img/img02.jpg" class="img-responsive"> </div> <div class="col-md-4"> <img src="img/img03.jpg" class="img-responsive"> </div> </div> </section>
Mucha gracias