Bootstrap -Textwarnfarbe mit Codebeispielen
Während der Entwicklung einer Anwendung bevorzugen Entwickler, attraktive Farben zu verwenden, um die Aufmerksamkeit des Benutzers zu erlangen. Es hilft auch dabei, das Thema einer Webseite angemessen festzulegen. Um beispielsweise eine positive oder erfolgreiche Reaktion zu zeigen, wird die grüne Farbe verwendet, die blaue Farbe zeigt einige Informationen an, die rote Farbe zeigt einige negative oder Fehlermeldungen an, und die gelbe Farbe wird verwendet, um einige Warnungen oder Vorsichtsmaßnahmen darzustellen.
In diesem Artikel wird anhand von:
- Was ist Bootstrap -Textwarnfarbe?
- So verwenden Sie Bootstrap -Textwarnfarbe?
Was ist Bootstrap -Textwarnfarbe?
Die Bootstrap "Textwarnung"Klasse wendet die" an "#FFC107”Farbe zum Text, der eine gelbe Farbe hat. Diese Klasse wird im Allgemeinen verwendet, um eine Nachricht anzugeben, die einige Warnungen anzeigt.
So verwenden Sie Bootstrap -Textwarnfarbe?
Jetzt werden wir die Verwendung der “demonstrieren“TextwarnungKlasse mit Hilfe der folgenden Beispiele:
- Beispiel 1: Erstellen Sie eine Warntaste mit Bootstrap -Textwarnfarbe
- Beispiel 2: Zeigen Sie eine Warnmeldung mit Bootstrap -Textwarnfarbe an
Beispiel 1: Erstellen Sie eine Warntaste mit Bootstrap -Textwarnfarbe
Öffnen Sie Ihre HTML -Datei und befolgen Sie die angegebenen Anweisungen:
- Erstellen Sie eine Karte mit der Bootstrap “Karte" Klasse.
- Fügen Sie dann einen Kartenheader mit der "hinzu"Kartenhader" Klasse.
- Passen Sie dann die Kartenbehörde an, indem Sie das angeben “Kartenkörper" Klasse.
- Innerhalb der „Kartenkörper“ der Klasse „Kartenkörper“ enthalten die “die“Element, um einen Text anzuzeigen.
- Zuletzt erstellen Sie zwei Schaltflächen mit der Klasse “Btn" Klasse.
- Zuletzt die “TextwarnungDie Klasse wird verwendet, um den Text in gelber Farbe anzuzeigen.
Hier ist der HTML -Code:
Mitgliederverwaltung
Sind Sie sicher, dass Sie ein @f233 -Mitglied entfernen möchten??
Es kann beobachtet werden, dass die Warnfarbe der Bootstrap -Textwarnung erfolgreich auf die Schaltflächenunterschrift angewendet wurde:
Beispiel 2: Zeigen Sie eine Warnmeldung mit Bootstrap -Textwarnfarbe an
Dieses Beispiel verwendet das “TextwarnungKlasse, um eine Warnmeldung zu zeigen:
Warnung!
Es gab ein Netzwerkverbindungsproblem!
Hier:
- “W-50Die Klasse passt die Breite der Karte an.
- “M-Auto”Bestimmt einen gleichen Rand um das Element.
Ausgang
Sie haben die Bootstrap-Text-Warmen-Farbe mit Code-Beispielen erfolgreich gelernt.
Abschluss
Im Web -Design wird die gelbe Farbe hauptsächlich verwendet, um Vorsichtsmeldungen anzuzeigen. Genauer gesagt das “TextwarnungDie Klasse wird verwendet, um die gelbe Textfarbe einzustellen. Im Bootstrap.CSS -Datei, sie wird mit der Farbeigenschaft mit Wert festgelegt. “#FFC107" (gelbe Farbe. Dieser Beitrag hat die Farbe „Textwarning“ mit Code-Beispielen erklärt.