Bootstrap CSS-Klassen-Textextreman
Bootstrap -Farbkurse haben Entwicklern große Leichtigkeit zur Verfügung gestellt. Diese Klassen werden nicht nur unter Verwendung des Klassennamens hinzugefügt, sondern dem Benutzer auch eine Bedeutung vermitteln, z. B. um eine Fehlermeldung anzuzeigen, die “Textdanger”Klasse wird verwendet. In ähnlicher Weise die “Text-SuccessDie Klasse kann verwendet werden, um einige Erfolgsnachrichten im Zusammenhang mit der Einreichung von Formular oder mehr anzeigen.
In diesem Beitrag wird besprochen:
- Was ist Bootstrap CSS-Klasse "Text-Success"?
- So fügen Sie das HTML?
Was ist Bootstrap CSS-Klasse "Text-Success"?
Der "Text-SuccessDie Klasse wendet den Text des Elements grün an. Diese Klasse wird normalerweise zu den Elementen mit Erfolgsnachrichten wie „gut gemacht!", "Erfolg!", "Gut gemacht!" und viele mehr.
So fügen Sie das HTML?
Lassen Sie uns das hinzufügenText-Success"Klasse zum HTML" Hier ist der HTML -Code: Gut gemacht! Es kann beobachtet werden, dass die grüne Farbe erfolgreich auf das Absatzelement angewendet wurde: Fügen wir nun ein paar CSS hinzu, um das "" mit einem "zu stylenrechte" Klasse. Stil „Rect“ -Klasse Die folgenden diskutierten Eigenschaften werden auf die Klasse angewendet “rechte”: Stil „P“ Element Das Absatzelement wird wie folgt gestaltet: Hier: Ausgang So können Sie die Bootstrap verwendenText-SuccessKlasse in Ihrer Website oder Web -App. Abschluss Um die Erfolgsnachricht in unserer Anwendung darzustellen, die Bootstrap “Text-Success”Klasse wird genutzt. Diese Klasse liefert den Text mit dem “#28a745”(Hellgrüne) Farbe. Um es zu nutzen, fügen Sie das hinzu “Text-SuccessKlasse zu dem HTML -Element, zu dem Sie die grüne Farbe hinzufügen möchten. Diese Beschreibung hat die Bootstrap-Klasse „Text-Success“ mit Hilfe von Beispielen erläutert.
.rect
Hintergrundfarbe: RGB (197, 232, 195);
Breite: 200px;
Höhe: 60px;
Border-Radius: 15px;
Grenze: 1PX Solid RGB (191, 226, 166);
Box-Shadow: 1px 1px 1px 1px grau;
.rechte P
Schriftgröße: 25px;
Buchstaben-Abstand: .2em;