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 Elemento de estilo "P" 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 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.
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.pag
Font-Family: Fantasy;
tamaño de fuente: 25px;
espaciado de letras: .2em;
Las siguientes son las propiedades CSS que se aplican al "
Producción
Así es como puede usar las clases de color de texto de bootstrap para cambiar el color de texto del elemento.