in English
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-shadow
classi di utilità. Include il supporto .shadow-none
e 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>