¿Cómo funciona el color de texto en bootstrap??

¿Cómo funciona el color de texto en bootstrap??

Bootstrap es un marco de desarrollo front-end muy querido. Crea sitios web receptivos y listos para dispositivos móviles. Este marco también proporciona muchas características, como clases incorporadas para margen y relleno, efecto de desvanecimiento y muchas más. Cambiar el color de texto de los elementos HTML es una de las características esenciales. Para utilizarlo, todo lo que necesita hacer es agregar la clase de color a los elementos cuyo color desea ajustar.

Este artículo le enseñará cómo funciona el color de texto en Bootstrap.

Clases de color de texto de bootstrap

Bootstrap usa un paquete de clases para cambiar el color del texto. Algunos de ellos se alistan a continuación:

Clases de color de texto Descripción
titular de texto Esta clase define el color del texto verde.
advertencia de texto Esta clase define el color de texto amarillo.
presente de texto Esta clase define el color del texto azul.
luz de texto Esta clase define el color del texto gris.
info de texto Esta clase define el color de texto azul claro.
oscuridad Esta clase define el color de texto gris oscuro.
amenazador de texto Esta clase define el color del texto rojo.
texto Esta clase define el color de texto gris claro.


Entendamos su trabajo a través de la demostración práctica.

¿Cómo funciona el color de texto en bootstrap??

Para establecer el color de texto del elemento HTML, asigne una clase a ese elemento particular. Por ejemplo, para cambiar el color del "


Linuxhint


Linuxhint


Linuxhint


Linuxhint


Linuxhint


Linuxhint


Linuxhint


Linuxhint



Además de las clases de bootstrap, también puede agregar CSS a los elementos HTML. Cambiemos el tamaño y el estilo de la fuente del texto usando CSS.

Elemento de estilo "P"

pag
Font-Family: Fantasy;
tamaño de fuente: 25px;
espaciado de letras: .2em;


Las siguientes son las propiedades CSS que se aplican al "

    • "Familia tipográfica"Define el estilo de la fuente.
    • "tamaño de fuente"Indica el tamaño de fuente.
    • "espaciado de letras"Especifica el espacio entre las letras.

Producción

Cómo ajustar el color de fondo del texto?

Si desea que el color de fuente sea prominente, también puede cambiar el color de fondo de los elementos. Esto se puede hacer usando el "BG-*"Clases, donde el asterisco"*"Simboliza los colores, como"BG-Dark","BG-WARNING", y más.

Consulte el siguiente ejemplo que usa las clases de Bootstrap para cambiar el fondo y los colores de texto del elemento:

Linuxhint


Linuxhint


Linuxhint


Linuxhint


Producción


Así es como puede usar las clases de color de texto de bootstrap para cambiar el color de texto del elemento.

Conclusión

El color del texto funciona en bootstrap utilizando varias clases. Estas clases incluyen "presente de texto","info de texto","luz de texto","oscuridad","amenazador de texto", y más. Estas clases se pueden usar de acuerdo con los escenarios, como el "titular de texto"La clase se utiliza para mostrar algunos mensajes de éxito. Este artículo ha demostrado cómo funciona el color de texto en Bootstrap con ejemplos.