Hola
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> Alguna sugerencia o algun tema que pueda leer para intentar encontrar una solución.
Mucha gracias