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 Élément de style «P» 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 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.
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.p
Font-Family: Fantasy;
taille de police: 25px;
l'espacement des lettres: .2EM;
Voici les propriétés CSS qui sont appliquées au «
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.