in English

Ombres

Ajoutez ou supprimez des ombres aux éléments avec les utilitaires box-shadow.

Exemples

Alors que les ombres sur les composants sont désactivées par défaut dans Bootstrap et peuvent être activées via $enable-shadows, vous pouvez également ajouter ou supprimer rapidement une ombre avec nos box-shadowclasses utilitaires. Inclut la prise en charge de .shadow-noneet trois tailles par défaut (qui ont des variables associées à faire correspondre).

Pas d'ombre
Petite ombre
Ombre régulière
Ombre plus 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>