Bootstrap Images
Coins arrondis:
Cercle:
La vignette:
<img> Classes
Les classes ci-dessous peuvent être utilisés pour le style de toute image:
| Classe | La description | Exemple |
|---|---|---|
| .img-rounded | Ajoute des coins arrondis à une image (non disponible dans IE8) | Essayez - le |
| .img-circle | Formes de l'image à un cercle (non disponible dans IE8) | Essayez - le |
| .img-thumbnail | Formes de l'image à une vignette | Essayez - le |
| .img-responsive | Rend une image sensible (redimensionne bien à l'élément parent) | Essayez - le |
Images Responsive
Créer des images sensibles en ajoutant un .img-responsive classe à la <img> tag. L'image sera alors échelle bien à l'élément parent.
Le .img-responsive classe applique max-width: 100% , height: auto et display:block à l'image:
Exemple
<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque
Terre"> Essayez - le vous - même »