Source

Sombras

Engade ou elimina sombras aos elementos coas utilidades box-shadow.

Exemplos

Aínda que as sombras dos compoñentes están desactivadas de forma predeterminada en Bootstrap e pódense activar mediante $enable-shadows, tamén pode engadir ou eliminar unha sombra rapidamente coas nosas box-shadowclases de utilidade. Inclúe soporte para .shadow-nonee tres tamaños predeterminados (que teñen variables asociadas para coincidir).

Sen sombra
Pequena sombra
Sombra regular
Sombra máis 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>