Bootstrap - image responsive - hauteur égale en fonction du device

Bonjour

j'avance sur mon projet boostrap et forcément plus j'ai des "bricoles" à régler …

j'affiche des images avec la classe "responsive", elle occupe donc 100 % de la largeur de ma "row"

 
<div class="row">
 <img class="img-responsive"  src="images/london2.jpg" alt=""/>
 </div>

Dans mon site je vais avoir des images de hauteur différentes, mais à l'affichage des vignettes je souhaiterai avoir la même hauteur pour toute les images .
Comment faire avec Bootstrap pour que l'image est :
une hauteur de x pixels pour le contexte : Phones (<768px)
une hauteur de x pixels pour le contexte : Small devices Tablets (?768px)
etc ???

Bonjour,

Un petit coup d'oeil du coté des media-queries devrait t'éclairer

Il y a un article à ce propos sur le site.

effectivement ……
media-queries est mon ami …

@media screen and (min-width:769px) and (max-width:992px){

.news1 img, .news2 img, .news3 img , .news4 img  {
	height: 90px;
	width: 100%;
}
}

Tu semble déçu

C'est pourtant une solution adaptée.