Teksten i Bootstrap kan gjøres fargerik ved å bruke flere farger. Disse fargene brukes ved å bruke tekstfargeklasser som "tekst-primary”,“tekst-info”,“tekst-mørk", og mange flere. Mer spesifikt, “tekstmettet”Klasse er en av dem. Denne bootstrap -klassen brukes til å bruke et dempet utseende på elementets tekst.

Dette innlegget vil instruere deg om:

• Hva er Bootstrap CSS “Class: Text Muted”?
• Hvordan legge til bootstrap “Text Muted” -klassen til HTML-elementet?
• Hvordan bruke "tekstmettet" -klassen med andre tekstfargeklasser?

Hva er Bootstrap CSS “Class: Text Muted”?

“tekstmettet”Klasse er designet med“farge”Eiendom som har verdien”#6C757D”(Grå). Denne klassen brukes ofte til å få teksten til å forsvinne i bakgrunnen eller for å understreke den.

Hvordan legge til bootstrap “Text Muted” -klassen til HTML-elementet?

La oss forstå det ved hjelp av et praktisk eksempel:

• Legg til en "”Element og tilordne det”kort”,“W-50”, Og“M-Auto”Klasser.
• For korthodet, spesifiser "Korthode”Klasse i det nestede“ ”elementet. Legg til "

  ”Element for å justere kortoverskriften.

• Lag deretter kortlegemet ved å legge til en beholder med klassen "Kortkropp”. Innenfor denne "", legg til "

  ”Element med klassen“tekstmettet”.

• Til slutt, lag kortfoten ved hjelp av klassen "Kortfoter”Og legg til“

  ”Element med litt tekst.

Her er HTML -koden:

Lt; H1> MR. William

Kreativ programvareingeniør

Kontakt: xxx-xxx-xxxx

Det vises fra utdataene at kortlegemets tekst er dempet, mens korttekstets tekst er den normale teksten:

Hvordan bruke "tekstmettet" -klassen med andre tekstfargeklasser?

“tekstmettet”Klasse legges til elementet du vil påvirke. Det kan også brukes sammen med andre fargeklasser. Imidlertid vil det overstyre de andre tekstfargeklassene.

Eksempel

La oss legge til “tekst-far" og "tekstmettet”Klasse i det pågående eksemplet:

Kreativ programvareingeniør

Her:

• “Font-vekt-fet”Klasse gjør skriften tykk.
• “tekst-far”Klassen bruker den røde tekstfargen.
• “tekstmettet”Klasse gir en subtil effekt på teksten.

Produksjon

Det handler om Bootstrap CSS -klassen “tekstmettet”.

Konklusjon

Bootstrap CSS -klassen "tekstmettet”Er designet med eiendommen”farge”Med verdien”#6C757D”. Denne klassen brukes til å legge til tekst med en dempet effekt. For å bruke den, spesifiser den "tekstmuterte" klassen til elementet du vil bruke effekten. Denne klassen kan også legges til med andre tekstfargeklasser. Denne artikkelen har forklart Bootstrap CSS-klassen “tekstmutert” med eksempler.