Découvez les bases du plus célébre des frameworks CSS.
Pour rendre les images responsives, il suffit d'ajouter la classe .img-responsive, elle aura pour effet d'adapter les imgages à l'élement parent en utilisant ces propriétés CSS : max-width: 100%;, height: auto; and display: block;
Dans Internet Explorer 8-10, les imgaes SVG a qui ont a appliqué la classe .img-responsive sont disproportionnées. Pour corrigé ce bug, il fait ajouter width: 100% \9; à cette classe.
Les arrondis ne sont pas interprétés dans IE8
<img src="images/photo01.jpg" alt="Bootstrap" class="img-responsive">
.img-circle, .img-rounded, .img-thumbnail.
<img src="images/photo01.jpg" alt="Bootstrap" class="img-circle">
<img src="images/photo01.jpg" alt="Bootstrap" class="img-rounded">
<img src="images/photo01.jpg" alt="Bootstrap" class="img-thumbnail">
Exemple
