Bootstrap CSS Class Text-Success
Bootstrap -fargeklasser har gitt utviklere stor letthet. Disse klassene blir ikke bare lagt til ved å bruke klassenavnet, men formidler også en mening til brukeren, for eksempel for å vise noen feilmeldinger, "tekst-far”Klasse brukes. Tilsvarende "tekst-suksess”Klasse kan brukes til å vise noen suksessmeldinger relatert til skjemainnlevering eller mer.
Dette innlegget vil diskutere:
- Hva er Bootstrap CSS-klasse “Tekstsuksess”?
- Hvordan legge til bootstrap “Text-Success” -klassen til HTML-elementet?
Hva er Bootstrap CSS-klasse “Tekstsuksess”?
“tekst-suksess”Klassen bruker grønt på elementets tekst. Denne klassen blir vanligvis lagt til elementene som har suksessmeldinger, for eksempel “godt utført!", "Suksess!", "Godt jobbet!" og mange flere.
Hvordan legge til bootstrap “Text-Success” -klassen til HTML-elementet?
La oss legge til “tekst-suksess”Klasse til HTML” Her er HTML -koden: Bra gjort! Det kan observeres at den grønne fargen har blitt brukt på avsnittselementet: La oss nå legge til noen CSS for å style "" å ha en "Rekt”Klasse. Stil “Rect” -klasse Følgende diskuterte egenskaper brukes på klassen "Rekt”: Stil “P” -element Paragrafelementet er stylet som følger: Her: Produksjon Slik kan du bruke Bootstrap “tekst-suksess”Klasse i nettstedet eller webappen din. Konklusjon For å representere suksessmeldingen i søknaden vår, Bootstrap “tekst-suksess”Klasse brukes. Denne klassen gir teksten "#28A745”(Lysegrønn) farge. For å bruke den, tilsett “tekst-suksess”Klasse til HTML -elementet du vil legge til den grønne fargen. Denne oppskrivningen har forklart bootstrap "tekst-suksess" -klassen ved hjelp av eksempler.
.Rekt
bakgrunnsfarge: RGB (197, 232, 195);
Bredde: 200px;
Høyde: 60px;
Border-Radius: 15px;
Grense: 1px Solid RGB (191, 226, 166);
Bokseskygge: 1px 1px 1px 1px grå;
.Rekt P
Font-størrelse: 25px;
avstand mellom bokstavene: .2em;