Comment faire une grille souple de photos en utilisant Twitter Bootstrap si les hauteurs sont différentes

Comment puis-je Twitter Bootstrap 3 "img-responsive" des images, mais de leur permettre de disposer d'une série de hauteur, alors qu'une grille de photos de débit (à la différence de l'image ci-dessous)?

J'ai essayé de réglage de la hauteur de l'image de l'attribut, et max-height attribut, mais il semble ignorer ceux à moins que je l'ai mis de la hauteur avec"!important", mais ensuite, ils ont l'air mauvais et pas vraiment dans une grille car ils prennent peu d'espace horizontal.

J'ai essayé quelques astuces liés à la mise images d'arrière-plan de divs, et overflow:hidden, mais tout ce que j'ai essayé 1) ne fonctionne pas, et 2) semble hacky 3) semble foiré. (essayé d'aller dans cette une, comme un exemple)

Les images sont un peu plus grand que la zone qu'ils remplissent, que je veux qu'ils soient en mesure de montrer en plus sur les grands écrans, de sorte que même si j'arrivais à obtenir l'image d'arrière-chose à travailler, il serait montrant un zoom avant dans la version de l'image, depuis l'arrière-plan ne sait pas à l'échelle vers le bas pour s'adapter.

Cela semble comme il EST à un événement commun est - il quelque chose de simple façon de le gérer?

Comment faire une grille souple de photos en utilisant Twitter Bootstrap si les hauteurs sont différentes

Voir comment reproduire pinterest.com s'absolu div empilement de mise en page et Maçonnerie
C'est intéressant, qui va donner un coup de feu. Mais qui permet de variation de hauteur des images - n'est-il pas un moyen de le faire pour le rendre réellement une grille?
Habituellement, ce serait fait par la culture de toutes les images à un taux défini.
évidemment, je pourrait recadrer les images, mais je ne pense pas que c'est la seule approche, et je préfère pas si je n'ai pas.
il ya de grands avantages pour que – j'ai posté une réponse et accueillir des critiques ou des questions que vous avez.

OriginalL'auteur Dave | 2014-02-01