Bootstrap CSS Images Reference
Bootstrap-beelde
Afgeronde Hoeke:
Sirkel:
Kleinkiekie:
<img> Klasse
Die klasse hieronder kan gebruik word om enige prent te stileer:
| 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) |
Responsiewe beelde
Skep responsiewe beelde deur 'n .img-responsiveklas by die <img>merker te voeg. Die prent sal dan mooi skaal na die ouerelement.
Die .img-responsiveklas is van toepassing max-width: 100%, height: auto, en display:blockop die beeld:
Voorbeeld
<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">