Source

Oscuridad

Agregue o elimine sombras a los elementos con las utilidades de sombra de cuadro.

Ejemplos

Si bien las sombras en los componentes están deshabilitadas de forma predeterminada en Bootstrap y se pueden habilitar a través $enable-shadowsde , también puede agregar o eliminar rápidamente una sombra con nuestras box-shadowclases de utilidad. Incluye soporte para .shadow-noney tres tamaños predeterminados (que tienen variables asociadas para que coincidan).

Sin sombra
pequeña sombra
Sombra regular
Sombra más grande
<div class="shadow-none p-3 mb-5 bg-light rounded">No shadow</div>
<div class="shadow-sm p-3 mb-5 bg-white rounded">Small shadow</div>
<div class="shadow p-3 mb-5 bg-white rounded">Regular shadow</div>
<div class="shadow-lg p-3 mb-5 bg-white rounded">Larger shadow</div>