Bootstrap Étiquettes
Ce chapitre abordera les étiquettes Bootstrap. Les étiquettes peuvent être utilisées pour le comptage, les invites ou d'autres affichages de marqueurs sur la page. Utilisez la classe.labelpour afficher les étiquettes, comme le montre l'exemple ci-dessous :
Exemple
<h1>Titre d'exemple <span class="label label-default">Étiquette</span></h1>
<h2>Titre d'exemple <span class="label label-default">Étiquette</span></h2>
<h3>Titre d'exemple <span class="label label-default">Étiquette</span></h3>
<h4>Titre d'exemple <span class="label label-default">Étiquette</span></h4>
Essayez-le vous-même »
Le résultat est le suivant :
Vous pouvez utiliser les classes de modificationlabel-default、label-primary、label-success、label-info、label-warning、label-dangerpour modifier l'apparence des étiquettes, comme le montre l'exemple ci-dessous :
Exemple
<span class="label label-default">Étiquette par défaut</span>
<span class="label label-primary">Étiquette principale</span>
<span class="label label-success">Étiquette de réussite</span>
<span class="label label-info">Étiquette d'information</span>
<span class="label label-warning">Étiquette d'avertissement</span>
<span class="label label-danger">Étiquette danger</span>
Essayez-le vous-même »
Le résultat est le suivant :
Plus d'exemples d'étiquettes
| Classe | Description | Exemple |
|---|---|---|
| .label label-default | Étiquette grise par défaut | Essayez-le vous-même |
| .label label-primary | Étiquette bleue de type "primary" | Essayez-le vous-même |
| .label label-success | Étiquette verte de type "success" | Essayez-le vous-même |
| .label label-info | Étiquette bleu clair de type "info" | Essayez-le vous-même |
| .label label-warning | Étiquette jaune de type « warning » | Essayez-le vous-même |
| .label label-danger | Étiquette rouge de type « danger » | Essayez-le vous-même |