Bootstrap CSS Clase Text-Tuccess

Aquí está el código HTML:

Bien hecho!

Se puede observar que el color verde se ha aplicado con éxito al elemento de párrafo:

Ahora, agregemos algunos CSS para diseñar el "" que tiene un "recto" clase.

Clase de estilo "rect" de estilo

.rect
Color de fondo: RGB (197, 232, 195);
Ancho: 200px;
Altura: 60px;
Border-Radius: 15px;
borde: 1px sólido RGB (191, 226, 166);
Shadow de caja: 1px 1px 1px 1px gris;

Las siguientes propiedades discutidas se aplican a la clase "recto":

• "color de fondo"Cambia el color de fondo del elemento.
• "ancho" y "alturaSe utilizan para establecer el área del elemento.
• "radio fronterizo"La propiedad le da a los bordes del elemento una apariencia redondeada.
• "borde"Agrega el borde alrededor de todos los bordes del elemento.
• "sombra de la caja"Agrega un efecto de sombra al elemento.

Elemento de estilo "P"

El elemento de párrafo tiene el estilo de la siguiente manera:

.rect P
tamaño de fuente: 25px;
espaciado de letras: .2em;

Aquí:

• "tamaño de fuente"Ajusta el tamaño de la fuente.
• "espaciado de letras"Se utiliza para agregar espacios entre las letras.

Producción

Así es como puedes usar el bootstrap "titular de texto"Clase en su sitio web o aplicación web.

Conclusión

Para representar el mensaje de éxito en nuestra aplicación, el bootstrap "titular de textoSe utiliza la clase. Esta clase proporciona el texto con el "#28A745"(Verde brillante) color. Para utilizarlo, agregue el "titular de texto"Clase al elemento HTML al que desea agregar el color verde. Este artículo ha explicado la clase Bootstrap "Text-Success" con la ayuda de ejemplos.