Bootstrap tekst advarselsfarge med kodeeksempler
Mens de utvikler alle applikasjoner, foretrekker utviklere å bruke attraktive farger for å få brukerens oppmerksomhet. Det hjelper også med å sette temaet på en webside på riktig måte. For eksempel, for å vise litt positiv eller vellykket respons, brukes den grønne fargen, den blå fargen indikerer noe informasjon, den røde fargen indikerer noen negative eller feilmeldinger, og den gule fargen brukes til å representere noen advarsler eller forholdsregler.
Denne oppskrivningen vil guide om:
- Hva er bootstrap tekstvarslingsfarge?
- Hvordan du bruker bootstrap tekst advarselsfarge?
Hva er bootstrap tekstvarslingsfarge?
Bootstrap “tekstvarsling”Klassen bruker“#FFC107”Farge til teksten, som er en gul farge. Denne klassen brukes vanligvis til å spesifisere en melding som viser noen advarsler.
Hvordan du bruker bootstrap tekst advarselsfarge?
Nå vil vi demonstrere bruken av "tekstvarsling”Klasse ved hjelp av følgende eksempler:
- Eksempel 1: Opprett en advarselsknapp med bootstrap tekstvarslingsfarge
- Eksempel 2: Vis en advarsel med bootstrap tekst advarselsfarge
Eksempel 1: Opprett en advarselsknapp med bootstrap tekstvarslingsfarge
Åpne HTML -filen din og følg de gitte instruksjonene:
- Lag et kort ved å bruke bootstrap “kort”Klasse.
- Deretter legger du til en korthode ved å bruke "Korthode”Klasse.
- Juster deretter kortlegemet ved å spesifisere "Kortkropp”Klasse.
- Inne i "" -klassen "Card-Body", inkluderer "”Element for å vise litt tekst.
- Til slutt, lag to knapper ved hjelp av klassen “btn”Klasse.
- Til slutt "tekstvarsling”Klasse brukes til å vise teksten i gul farge.
Her er HTML -koden:
Medlemsledelse
Er du sikker på at du vil fjerne @F233 -medlem?
Det kan observeres at advarselfargen for bootstrap -tekst er blitt brukt på knappeknappen:
Eksempel 2: Vis en advarsel med bootstrap tekst advarselsfarge
Dette eksemplet bruker “tekstvarsling”Klasse for å vise en advarsel:
Advarsel!
Det var et nettverkstilkoblingsproblem!
Her:
- “W-50”Klassen justerer kortets bredde.
- “M-Auto”Bestemmer en lik margin rundt elementet.
Produksjon
Du har lært den oppstartende tekstvarslingsfargen med kodeeksempler.
Konklusjon
I nettdesign brukes den gule fargen for det meste til å vise forsiktighetsmeldinger. Mer spesifikt, “tekstvarsling”Klasse brukes til å stille inn den gule tekstfargen. I bootstrap.CSS -fil, den er satt med fargeegenskapen som har verdi “#FFC107" (gul farge. Dette innlegget har forklart bootstrap “tekstvarslende” farge med kodeeksempler.