Bootstrap 4 couleurs
Couleurs du texte
Bootstrap 4 a quelques classes contextuelles qui peuvent être utilisées pour fournir "un sens à travers les couleurs".
Les classes pour les couleurs de texte sont : .text-muted
,
.text-primary
, .text-success
, .text-info
,
.text-warning
, .text-danger
, .text-secondary
, .text-white
,
.text-dark
, .text-body
(couleur du corps par défaut/souvent noir) et .text-light
:
Exemple
This text is muted.
This text is important.
This text indicates success.
This text represents some information.
This text represents a warning.
This text represents danger.
Secondary text.
Dark grey text.
Body text.
Light grey text.
Les classes de texte contextuel peuvent également être utilisées sur les liens, ce qui ajoutera une couleur de survol plus sombre :
Exemple
Vous pouvez également ajouter 50 % d'opacité pour le texte noir ou blanc avec les classes .text-black-50
ou :.text-white-50
Exemple
Black text with 50% opacity on white background
White text with 50% opacity on black background
Couleurs de fond
Les classes pour les couleurs d'arrière-plan sont : .bg-primary
,
.bg-success
, .bg-info
, .bg-warning
, .bg-danger
, .bg-secondary
et ..bg-dark
.bg-light
Notez que les couleurs d'arrière-plan ne définissent pas la couleur du texte, donc dans certains cas, vous voudrez les utiliser avec une .text-*
classe.
Exemple
This text is important.
This text indicates success.
This text represents some information.
This text represents a warning.
This text represents danger.
Secondary background color.
Dark grey background color.
Light grey background color.