Sélection de la langue

Recherche


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.

Exemple de liens

<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 :