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