hauteur de la vignette égale dans bootstrap3

Est-il possible de faire en sorte qu’une vignette ait la même hauteur qu’une autre vignette?

Lorem ipsum dolor sit amet
recipe

how to

recipe
Lorem ipsum dolor sit amet, consectetur
recipe

Le résultat de ce code est que la deuxième hauteur de la vignette est plus grande que la première et que la hauteur entre 1 est différente

comme ceci https://jsfiddle.net/hbfu2b97/1/

Si vous agrandissez l’écran des résultats, vous verrez la différence.

Vous devez créer une fonction javscript qui s’exécute sur le chargement, attrape toutes les vignettes, vérifie celle qui a la hauteur la plus haute, puis passe en boucle sur les vignettes pour leur atsortingbuer la hauteur obtenue:

@fcalderan a une bonne solution dans sa réponse: https://stackoverflow.com/a/9279339/2611451

 function equalHeight(group) { var tallest = 0; group.each(function() { var thisHeight = $(this).height(); if(thisHeight > tallest) { tallest = thisHeight; } }); group.each(function() { $(this).height(tallest); }); } $(document).ready(function() { equalHeight($(".thumbnail")); }); 

J’ai mis à jour votre violon: https://jsfiddle.net/hbfu2b97/6/

METTRE À JOUR

Pour que le lien de recette soit aligné sur le bas, j’ai défini la thumbnail comme étant relative et positionné les éléments de lien de recette en position absolue et alignés sur le fond:

 .thumbnail { position:relative } .caption a { position:absolute; bottom:1px }