Ajouter des ombres portées UTILITAIRES:Ombres portées

Bootstrap nous propose plusieurs classes pour ajouter des ombres portées à des éléments HTML. Nous avons quatre types d’ombre portée à notre disposition.

Les exemples de cette section sont à télécharger dans le dossier nommé 12-Utilitaires-06.

Voici le code de ces exemples :

<div class="shadow-none p-3 mb-5 bg-light rounded"> 
  <h1>Lorem ipsum</h1> 
  <p>Sed elementum mi eget semper euismod...</p> 
 </div> 
<div class="shadow-sm p-3 mb-5 bg-body rounded"> 
  <h1>Lorem ipsum</h1> 
  <p>Sed elementum mi eget semper euismod...</p> 
</div> 
<div class="shadow p-3 mb-5 bg-body rounded"> 
  <h1>Lorem ipsum</h1> 
  <p>Sed elementum mi eget semper euismod...</p> 
</div> 
<div class="shadow-lg p-3 mb-5 bg-body rounded"> 
  <h1>Lorem i ...
couv_OW5BOO.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Ajouter de la transparence
Suivant
Les espaces pour les colonnes