Dodajte ali odstranite sence elementom s pripomočki box-shadow.

Primeri

Čeprav so sence na komponentah privzeto onemogočene v programu Bootstrap in jih je mogoče omogočiti prek $enable-shadows, lahko tudi hitro dodate ali odstranite senco z našimi box-shadowrazredi pripomočkov. Vključuje podporo za .shadow-nonein tri privzete velikosti (ki imajo povezane spremenljivke za ujemanje).

Brez sence
Majhna senca
Redna senca
Večja senca
<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>