Referenz zu Bootstrap- CSS-Bildern
Bootstrap-Bilder
Abgerundete Ecken:
Kreis:
Miniaturansicht:
<img> Klassen
Die folgenden Klassen können verwendet werden, um jedes Bild zu stylen:
| 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) |
Responsive Bilder
Erstellen Sie ansprechende Bilder, indem Sie .img-responsivedem <img>Tag eine Klasse hinzufügen. Das Bild wird dann gut auf das übergeordnete Element skaliert.
Die .img-responsiveKlasse wendet max-width: 100%, height: auto, und display:blockauf das Bild an:
Beispiel
<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">