Hvordan fungerer tekstfarge i bootstrap?
Bootstrap er et godt likt front-end utviklingsrammeverk. Det skaper responsive og mobilklare nettsteder. Dette rammeverket gir også mange funksjoner, for eksempel innebygde klasser for margin og polstring, falmeffekt og mange flere. Endring av tekstfarge på HTML -elementer er en av de essensielle funksjonene. For å bruke det, er alt du trenger å gjøre å legge fargeklassen til elementene hvis farge du vil justere.
Denne oppskrivningen vil lære deg hvordan tekstfarge fungerer i Bootstrap.
Bootstrap tekstfargeklasser
Bootstrap bruker et knippe klasser for å endre tekstfargen. Noen av dem er vervet nedenfor:
| Tekstfargeklasser | Beskrivelse |
| tekst-suksess | Denne klassen definerer den grønne tekstfargen. |
| tekstvarsling | Denne klassen definerer den gule tekstfargen. |
| tekst-primary | Denne klassen definerer den blå tekstfargen. |
| Tekstlys | Denne klassen definerer den grå tekstfargen. |
| tekst-info | Denne klassen definerer den lyseblå tekstfargen. |
| tekst-mørk | Denne klassen definerer den mørkegrå tekstfargen. |
| tekst-far | Denne klassen definerer den røde tekstfargen. |
| tekst-videregående | Denne klassen definerer den lysegrå tekstfargen. |
La oss forstå arbeidet deres gjennom praktisk demonstrasjon.
Hvordan fungerer tekstfarge i bootstrap?
For å angi tekstfargen på HTML -elementet, tilordne en klasse til det aktuelle elementet. For eksempel å endre fargen på " Linuxhint Linuxhint Linuxhint Linuxhint Linuxhint Linuxhint Linuxhint Linuxhint Stil “P” -element Produksjon Hvordan justere bakgrunnsfargen på teksten? Hvis du vil gjøre fontfargen fremtredende, kan du også endre bakgrunnsfargen på elementene. Dette kan gjøres ved hjelp av “BG-*”Klasser, der stjernen”*”Symboliserer fargene, for eksempel“BG-Dark”,“BG-advarsel", og mer. Sjekk ut følgende eksempel som bruker bootstrap -klassene for å endre bakgrunns- og tekstfargene på elementet: Linuxhint Linuxhint Linuxhint Linuxhint Konklusjon Tekstfargen fungerer i Bootstrap ved å bruke flere klasser. Disse klassene inkluderer "tekst-primary”,“tekst-info”,“Tekstlys”,“tekst-mørk”,“tekst-far", og mer. Disse klassene kan brukes i henhold til scenariene, for eksempel "tekst-suksess”Klasse brukes til å vise noen suksessmeldinger. Denne artikkelen har vist hvordan tekstfarge fungerer i bootstrap med eksempler.
I tillegg til bootstrap -klassene, kan du også legge CSS til HTML -elementene. La oss endre skriftstørrelse og stil på teksten ved hjelp av CSS.P
Font-family: Fantasy;
Font-størrelse: 25px;
avstand mellom bokstavene: .2em;
Følgende er CSS -egenskapene som brukes på “
Produksjon
Slik kan du bruke bootstrap -tekstfargeklasser for å endre elementets tekstfarge.