Ver índice de contenidos del libro

6.20. Pozos

6.20.1. Ejemplo sencillo

El estilo por defecto de este componente simplemente aplica un efecto de tipo hundido (en inglés, "inset") al elemento. Ejemplo:

<div class="well">...</div>

Así se ve este ejemplo en tu navegador:

Y esta es la imagen del aspecto que debería tener este ejemplo:

Pozos simples en Bootstrap 3

Figura 6.70 Pozos simples en Bootstrap 3

6.20.2. Estilos alternativos

Los pozos definen dos clases modificadoras para añadir esquinas redondeadas y para controlar el espacio de relleno. Ejemplo:

<div class="well well-lg">...</div>

Así se ve este ejemplo en tu navegador:

Y esta es la imagen del aspecto que debería tener este ejemplo:

Pozo grande en Bootstrap 3

Figura 6.71 Pozo grande en Bootstrap 3

Ejemplo:

<div class="well well-sm">...</div>

Así se ve este ejemplo en tu navegador:

Y esta es la imagen del aspecto que debería tener este ejemplo:

Pozo pequeño en Bootstrap 3

Figura 6.72 Pozo pequeño en Bootstrap 3