Boîte grisonné
Chantier
Cette page est en chantier.
Veuillez transmettre un problème ou soumettre une demande de tirage s'il manque des renseignements ou des codes ou si la synchronisation est incorrecte ou déphasée avec le principal référentiel (wet-boew/wet-boew).
Usage
Les utiliser pour mettre un élément de contenu en évidence en le plaçant dans une case de couleur gris clair.
Conception et codage
Utilisation de base
Défaut
Utilisez la taille du « well » par défaut dans la plupart des situations.
Apparence
Contenu
Bonne utilisation
Point d'observation :
- L'utiliser pour attirer l'attention sur un segment particulier présentant au contenu digne de mention
Mauvaise utilisation
Point d'observation :
- N'utilisez pas cet élément d'une façon qui entre en conflit avec le point d'observation précédent
Code
<div class="well">...</div>Petit « well »
Utilisez le petit « well » lorsque l'espace est précieux et que la réduction du remplissage intérieur permet de faire apparaître plus de contenu dans une seule rangée.
Apparence
Contenu
Bonne utilisation
Point d'observation :
- Utilisez
.well-smpour attirer l'attention sur un segment particulier présentant au contenu digne de mention, en plus de réduire le remplissage interne du conteneur
Mauvaise utilisation
Point d'observation :
- N'utilisez pas cet élément d'une façon qui entre en conflit avec le point d'observation précédent
Code
<div class="well well-sm">...</div>Grand « well »
Utilisez le grand « well » lorsqu'il faut plus de visibilité dans la page. Puisque le « well » par défaut assure déjà une visibilité, il est peu utile d'utiliser un « well » plus grand.
Apparence
Contenu
Bonne utilisation
Point d'observation :
- Utilisez
.well-lgpour attirer l'attention sur un segment particulier présentant au contenu digne de mention, en plus d'élargir le remplissage interne du conteneur
Mauvaise utilisation
Point d'observation :
- N'utilisez pas cet élément d'une façon qui entre en conflit avec le point d'observation précédent
Code
<div class="well well-lg">...</div>Utilisation améliorée
Fonctions complémentaires
Des caractéristiques et des comportements complémentaires sont disponibles.
Une partie du code et des documents pour cette page est tirée de Bootstrap (lien externe).
- Date de modification: