Wie funktioniert die Textfarbe in Bootstrap??
Bootstrap ist ein beliebter Front-End-Entwicklungsrahmen. Es schafft reaktionsschnelle und mobile Websites. Dieses Framework bietet auch viele Funktionen, wie z. Das Ändern der Textfarbe von HTML -Elementen ist eines der wesentlichen Merkmale. Um es zu verwenden, müssen Sie nur die Farbklasse zu den Elementen hinzufügen, deren Farbe Sie sich einstellen möchten.
In diesem Artikel lehrt Sie, wie Textfarbe in Bootstrap funktioniert.
Bootstrap -Text -Farbkurse
Bootstrap verwendet ein Bündel von Klassen, um die Textfarbe zu ändern. Einige von ihnen sind unten eingetragen:
| Textfarbenklassen | Beschreibung |
| Text-Success | Diese Klasse definiert die grüne Textfarbe. |
| Textwarnung | Diese Klasse definiert die gelbe Textfarbe. |
| Text-Primary | Diese Klasse definiert die blaue Textfarbe. |
| Textlicht | Diese Klasse definiert die graue Textfarbe. |
| Text-Info | Diese Klasse definiert die hellblaue Textfarbe. |
| Textdark | Diese Klasse definiert die dunkelgraue Textfarbe. |
| Textdanger | Diese Klasse definiert die rote Textfarbe. |
| Textsekundär | Diese Klasse definiert die hellgraue Textfarbe. |
Lassen Sie uns ihre Arbeit durch die praktische Demonstration verstehen.
Wie funktioniert die Textfarbe in Bootstrap??
Um die Textfarbe des HTML -Elements festzulegen, weisen Sie diesem bestimmten Element eine Klasse zu. Zum Beispiel um die Farbe des “zu ändern“ LinuxHint LinuxHint LinuxHint LinuxHint LinuxHint LinuxHint LinuxHint LinuxHint Stil „P“ Element Ausgang So stellen Sie die Hintergrundfarbe des Textes an? Wenn Sie die Schriftfarbe herausstellen möchten, können Sie auch die Hintergrundfarbe der Elemente ändern. Dies kann mit der “erfolgenbg-*"Klassen, wo das Sternchen"*”Symbolisiert die Farben, wie z."BG-Dark","BG-Warnung", und mehr. Schauen Sie sich das folgende Beispiel an, das die Bootstrap -Klassen verwendet, um die Hintergrund- und Textfarben des Elements zu ändern: LinuxHint LinuxHint LinuxHint LinuxHint Abschluss Die Textfarbe funktioniert in Bootstrap mit mehreren Klassen. Diese Klassen umfassen "Text-Primary","Text-Info","Textlicht","Textdark","Textdanger", und mehr. Diese Klassen können gemäß den Szenarien wie das „verwendet werden“ verwendet werdenText-SuccessDie Klasse wird verwendet, um einige Erfolgsnachrichten zu zeigen. Dieser Artikel hat gezeigt, wie Textfarbe in Bootstrap mit Beispielen funktioniert.
Zusätzlich zu den Bootstrap -Klassen können Sie den HTML -Elementen auch CSS hinzufügen. Ändern wir die Schriftgröße und den Stil des Textes mit CSS.P
Schriftfamilie: Fantasie;
Schriftgröße: 25px;
Buchstaben-Abstand: .2em;
Im Folgenden sind die CSS -Eigenschaften aufgeführt, die auf das angewendet werden
Ausgang
Auf diese Weise können Sie die Bootstrap -Textfarbeklassen verwenden, um die Textfarbe des Elements zu ändern.