Bootstrap Bilder
Abgerundete Ecken:
Kreis:
Miniaturansicht:
<img> Klassen
Die Klassen können unten verwendet werden, jedes Bild, um Stil:
| Klasse | Beschreibung | Beispiel |
|---|---|---|
| .img-rounded | Fügt abgerundete Ecken auf ein Bild (nicht verfügbar in IE8) | Versuch es |
| .img-circle | Prägt das Bild zu einem Kreis (nicht verfügbar in IE8) | Versuch es |
| .img-thumbnail | Prägt das Bild auf ein Thumbnail | Versuch es |
| .img-responsive | Lässt ein Bild anspricht (wird schön auf das übergeordnete Element skaliert) | Versuch es |
Responsive Bilder
Erstellen Sie ansprechende Bilder durch Hinzufügen eines .img-responsive Klasse auf die <img> -Tag. Das Bild wird dann schön auf das übergeordnete Element skalieren.
Die .img-responsive Klasse gilt max-width: 100% , height: auto und display:block auf dem Bild: