Referencia de imágenes CSS de Bootstrap
Imágenes de Bootstrap
Esquinas redondeadas:
Circulo:
Miniatura:
<img> Clases
Las siguientes clases se pueden usar para diseñar cualquier imagen:
| 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) |
Imágenes receptivas
Cree imágenes receptivas agregando una .img-responsiveclase a la <img>etiqueta. La imagen se escalará muy bien al elemento principal.
La .img-responsiveclase aplica max-width: 100%, height: autoy display:blocka la imagen:
Ejemplo
<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">