Bootstrap Immagini
Angoli arrotondati:
Cerchio:
Miniatura:
<img> Corsi
Le classi di seguito possono essere utilizzati per lo stile qualsiasi immagine:
| Classe | Descrizione | Esempio |
|---|---|---|
| .img-rounded | Aggiunge angoli arrotondati per un'immagine (non disponibile in IE8) | Provalo |
| .img-circle | Forme l'immagine di un cerchio (non disponibile in IE8) | Provalo |
| .img-thumbnail | Forme l'immagine di una miniatura | Provalo |
| .img-responsive | Rende una immagine sensibile (scalerà ben all'elemento genitore) | Provalo |
Immagini responsive
Creare immagini responsive con l'aggiunta di un .img-responsive classe al <img> tag. L'immagine viene poi scalare bene per l'elemento principale.
Il .img-responsive classe si applica max-width: 100% , height: auto , e display:block per l'immagine: