Bootstrap Imágenes
Esquinas redondeadas:

Circulo:

Miniatura:

<img> Clases
Las clases siguientes se pueden utilizar para el estilo de cualquier imagen:
Clase | Descripción | Ejemplo |
---|---|---|
.img-rounded | Añade esquinas redondeadas a una imagen (no disponible en IE8) | Intentalo |
.img-circle | Da forma a la imagen de un círculo (no disponible en IE8) | Intentalo |
.img-thumbnail | Da forma a la imagen para una versión en miniatura | Intentalo |
.img-responsive | Hace una imagen sensible (se escala muy bien al elemento padre) | Intentalo |
Imágenes de respuesta
Crear imágenes que responden mediante la adición de un .img-responsive
la clase a la <img>
etiqueta. La imagen será entonces escalar muy bien al elemento padre.
El .img-responsive
clase corresponde max-width: 100%
, height: auto
y display:block
a la imagen: