Comment fonctionne la couleur du texte en bootstrap?

Comment fonctionne la couleur du texte en bootstrap?

Bootstrap est un cadre de développement frontal bien apprécié. Il crée des sites Web réactifs et prêts à mobiles. Ce cadre offre également de nombreuses fonctionnalités, telles que des classes intégrées pour la marge et le rembourrage, l'effet de fondu et bien d'autres. Changer la couleur du texte des éléments HTML est l'une des caractéristiques essentielles. Pour l'utiliser, tout ce que vous avez à faire est d'ajouter la classe de couleur aux éléments dont vous souhaitez ajuster la couleur.

Cet article vous apprendra comment fonctionne la couleur du texte dans bootstrap.

Classes de couleur de texte bootstrap

Bootstrap utilise un paquet de classes pour modifier la couleur du texte. Certains d'entre eux sont enrôlés ci-dessous:

Classes de couleur de texte Description
succès texte Cette classe définit la couleur du texte vert.
avance de texte Cette classe définit la couleur du texte jaune.
texto-primaire Cette classe définit la couleur du texte bleu.
luminaire Cette classe définit la couleur du texte gris.
texto Cette classe définit la couleur de texte bleu clair.
dark de texte Cette classe définit la couleur de texte gris foncé.
danger de texte Cette classe définit la couleur du texte rouge.
texte-secondaire Cette classe définit la couleur de texte gris clair.


Comprenons leur travail grâce à une démonstration pratique.

Comment fonctionne la couleur du texte en bootstrap?

Pour définir la couleur du texte de l'élément HTML, affectez une classe à cet élément particulier. Par exemple, pour changer la couleur du «


Linuxhint


Linuxhint


Linuxhint


Linuxhint


Linuxhint


Linuxhint


Linuxhint


Linuxhint



En plus des classes bootstrap, vous pouvez également ajouter CSS aux éléments HTML. Changeons la taille de la police et le style du texte à l'aide de CSS.

Élément de style «P»

p
Font-Family: Fantasy;
taille de police: 25px;
l'espacement des lettres: .2EM;


Voici les propriétés CSS qui sont appliquées au «

    • "famille de polices»Définit le style de la police.
    • "taille de police»Indique la taille de la police.
    • "l'espacement des lettres»Spécifie l'espace entre les lettres.

Sortir

Comment ajuster la couleur d'arrière-plan du texte?

Si vous souhaitez rendre la couleur de police proéminente, vous pouvez également modifier la couleur d'arrière-plan des éléments. Cela peut être fait en utilisant le «bg- *"Classes, où l'astérisque"*"Symbolise les couleurs, comme"Bg-Dark","bg", et plus.

Consultez l'exemple suivant qui utilise les classes bootstrap pour modifier l'arrière-plan et les couleurs texte de l'élément:

Linuxhint


Linuxhint


Linuxhint


Linuxhint


Sortir


C'est ainsi que vous pouvez utiliser les classes de couleur du texte bootstrap pour modifier la couleur du texte de l'élément.

Conclusion

La couleur du texte fonctionne en bootstrap en utilisant plusieurs classes. Ces cours incluent «texto-primaire","texto","luminaire","dark de texte","danger de texte", et plus. Ces classes peuvent être utilisées en fonction des scénarios, tels que le «succès texte"La classe est utilisée pour afficher quelques messages de réussite. Cet article a démontré comment fonctionne la couleur du texte en bootstrap avec des exemples.