Référence des images CSS Bootstrap
Images d'amorçage
Coins arrondis:
Cercle:
La vignette:
<img> Cours
Les classes ci-dessous peuvent être utilisées pour styliser n'importe quelle image :
| Class | Description | Example |
|---|---|---|
| .img-rounded | Adds rounded corners to an image (not available in IE8) | |
| .img-circle | Shapes the image to a circle (not available in IE8) | |
| .img-thumbnail | Shapes the image to a thumbnail | |
| .img-responsive | Makes an image responsive (will scale nicely to the parent element) |
Images réactives
Créez des images réactives en ajoutant une .img-responsiveclasse au <img>tag. L'image s'adaptera alors parfaitement à l'élément parent.
La .img-responsiveclasse applique max-width: 100%, height: autoet display:blockà l'image :
Exemple
<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">