Typographie Partie 2

Couleur du texte

Bootstrap fournit un ensemble de classes utilitaires pour appliquer des couleurs de texte prédéfinies aux éléments.

• text-primary: Définit la couleur du texte sur une couleur primaire, généralement une nuance de bleu;
• text-secondary: Définit la couleur du texte sur une couleur secondaire, souvent une nuance de gris;
• text-success: Définit la couleur du texte pour indiquer le succès, généralement une nuance de vert;
• text-danger: Définit la couleur du texte pour indiquer un danger ou une erreur, souvent une nuance de rouge;
• text-warning: Définit la couleur du texte pour indiquer un avertissement, généralement une nuance de jaune;
• text-info: Définit la couleur du texte pour transmettre des informations, souvent une nuance de cyan ou de turquoise;
• text-light: Définit la couleur du texte sur une nuance plus claire, généralement gris clair ou blanc;
• text-dark: Définit la couleur du texte sur une nuance plus foncée, généralement gris foncé ou noir;
• text-muted: Définit la couleur du texte sur une nuance atténuée ou adoucie, souvent un gris clair, pour indiquer que le texte est moins important ou désactivé.

Ces classes peuvent être appliquées à des éléments tels que <p>, <span>, <div>, <h> etc.

Transformation du texte

Les classes comme text-uppercase, text-lowercase, et text-capitalize transforment le texte.

• text-uppercase: Convertit le texte en majuscules;
• text-lowercase: Convertit le texte en minuscules;
• text-capitalize: Met en majuscule la première lettre de chaque mot du texte.

Décoration de texte

Les classes comme text-decoration-underline, text-decoration-line-through, et text-decoration-none sont utilisées pour décorer le texte.

• text-decoration-underline: Ajoute un soulignement au texte;
• text-decoration-line-through: Ajoute une ligne à travers le texte;
• text-decoration-none: Supprime toutes les décorations de texte.