Source

Ombre

Aggiungi o rimuovi le ombre agli elementi con le utilità box-shadow.

Esempi

Mentre le ombre sui componenti sono disabilitate per impostazione predefinita in Bootstrap e possono essere abilitate tramite $enable-shadows, puoi anche aggiungere o rimuovere rapidamente un'ombra con le nostre box-shadowclassi di utilità. Include il supporto .shadow-nonee tre dimensioni predefinite (che hanno variabili associate da abbinare).

Nessuna ombra
Piccola ombra
Ombra regolare
Ombra più 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>