Mise en Forme et Stylisation du Texte dans Bootstrap
Couleur du texte
Bootstrap propose 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 principale, 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, habituellement une nuance de jaune ;text-info: Définit la couleur du texte pour transmettre une information, souvent une nuance de cyan ou de turquoise ;text-light: Définit la couleur du texte sur une teinte plus claire, généralement gris clair ou blanc ;text-dark: Définit la couleur du texte sur une teinte plus foncée, généralement gris foncé ou noir ;text-muted: Définit la couleur du texte sur une teinte atténuée ou discrète, souvent 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.
index.html
Transformation du texte
Des classes telles que 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.
index.html
Décoration du texte
Des classes telles que 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 traversant le texte ;text-decoration-none: Supprime toutes les décorations du texte.
index.html
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
What are some examples of using these text utility classes in HTML?
Can I combine multiple text utility classes on a single element?
Are these text utility classes responsive or can they be used with breakpoints?
Awesome!
Completion rate improved to 3.23Mise en Forme et Stylisation du Texte dans Bootstrap
Glissez pour afficher le menu
Couleur du texte
Bootstrap propose 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 principale, 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, habituellement une nuance de jaune ;text-info: Définit la couleur du texte pour transmettre une information, souvent une nuance de cyan ou de turquoise ;text-light: Définit la couleur du texte sur une teinte plus claire, généralement gris clair ou blanc ;text-dark: Définit la couleur du texte sur une teinte plus foncée, généralement gris foncé ou noir ;text-muted: Définit la couleur du texte sur une teinte atténuée ou discrète, souvent 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.
index.html
Transformation du texte
Des classes telles que 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.
index.html
Décoration du texte
Des classes telles que 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 traversant le texte ;text-decoration-none: Supprime toutes les décorations du texte.
index.html
Merci pour vos commentaires !
