Reference obrázků CSS bootstrap
Bootstrap obrázky
Zaoblené rohy:
Kruh:
miniatura:
<img> Třídy
Níže uvedené třídy lze použít ke stylování libovolného obrázku:
| 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) |
Responzivní obrázky
Vytvořte responzivní obrázky přidáním .img-responsivetřídy ke <img>značce. Obrázek se pak pěkně změní na nadřazený prvek.
Třída .img-responsiveplatí max-width: 100%, height: auto, a display:blockna obrázek:
Příklad
<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">