Couleur
Arrière plan foncé et texte blanc
Utilisez pour rendre le texte d'apparence de couleur blanche et l'arrière-plan en couleur foncée.
Apparence
Ce texte est mise en style avec .text-white
et .bg-dark
.
Bonne utilisation
Points de conformité :
- Utilisez pour introduire le contraste dans l'information.
- Utiliser .text-white en combinaison avec .bg-dark pour assurer un contraste suffisant entre le texte et l'arrière-plan.
- Enveloppez le texte dans une balise <span> si un style n'apparaît pas comme il le devrait pour des raisons de spécificité
Mauvaise utilisation
Points de conformité :
- N'utilisez pas cet élément d'une façon qui entre en conflit avec les points de conformité précédents
- Ne l'utilisez pas comme seul moyen de communiquer les renseignements ou l'intention, car la couleur seule n'est pas accessible
Code
// Arrière-plan foncé et texte de couleur blanche:
<p class="text-white bg-dark">...</p>
Classe CSS
.bg-dark
- Définie la couleur d'arrière plan à foncé
.text-white
- Définie la couleur de police à blanche
Exemple
Ce conteneur est mis en style avec .text-white
et .bg-dark
.
<div class="well bg-dark text-white">
<p>Ce conteneur est mis en style avec <code>.text-white</code> et <code>.bg-dark</code>.</p>
<p><a class="text-white" href="#">Exemple de liens</a></p>
<button class="bg-dark text-white" type="button">Exemple de button</button>
</div>
Détails de la page
- Date de modification :