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-shadow
classes utilitaires. Inclut la prise en charge de .shadow-none
et 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>