Los últimos tutoriales de desarrollo web
 

Bootstrap CSS imágenes Referencia


Bootstrap Imágenes

Esquinas redondeadas:

Cinque Terre

Circulo:

Cinque Terre

Miniatura:

Cinque Terre

<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:

Ejemplo

<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">
Inténtalo tú mismo "