Bootstrap bietet verschiedene Klassen der Schriftgröße, von denen jede einer anderen Schriftgröße entspricht. Die Schriftklasse in Bootstrap ist eine Reihe von vordefinierten CSS-Stilen, mit denen Entwickler die Schriftgröße von Textelementen leicht ändern können. Diese Klassen können auf jedes HTML -Tag angewendet werden.

In diesem Artikel werden die Schriftgrößenklassen in Bootstrap erläutert.

Was ist die Schriftklasse in Bootstrap?

In Bootstrap 5 werden die Schriftklassen der Schriftgröße unter Verwendung der “angewendetfs-*", Wo "*”Zeigt den Wert der Schriftgröße an. Die Klassen „FS-*“ haben das vordefinierte CSS “Schriftgröße" Eigentum.

Analysieren Sie für eine praktische Demonstration das unten angegebene Beispiel.

Beispiel

Das folgende Beispiel zeigt die Bootstrap -Klassen “FS-1" Zu "FS-6”. Diese Klassen machen die Schriftgröße des Elements gleich dem "

","

","

","

","

", Und "

Elemente. Also fügen Sie hinzu "

Elemente und zuweisen ihnen die “fs-*Klassen zur Anwendung von Klassen der Schriftgröße:

LinuxHint

LinuxHint

LinuxHint

LinuxHint

LinuxHint

LinuxHint

Ausgang

Sie können auch CSS verwenden, um den gewünschten Klassen Stile hinzuzufügen. Zum Beispiel das CSS “HintergrundWird zu jeder Klasse hinzugefügt. Sie können CSS -Stile entsprechend Ihren Vorlieben hinzufügen.

Stil „FS-1“ -Klasse

.fs-1
Hintergrundfarbe: #CDE990;

Stil „FS-2“ -Klasse

.fs-2
Hintergrundfarbe: #AAE3E2;

Stil „FS-3“ -Klasse

.fs-3
Hintergrundfarbe: #F5C080;

Stil „FS-4“ -Klasse

.fs-4
Hintergrundfarbe: #Fedeff;

Stil „FS-5“ -Klasse

.FS-5
Hintergrundfarbe: #fad3e7;

Stil „FS-6“ -Klasse

.fs-6
Hintergrundfarbe: #BFDB38;

Ausgang

Hier ging es darum, die Klassen der Schriftgröße mit Bootstrap zu verwenden.

Abschluss

Der "fs-*Klassen in Bootstrap werden verwendet, um Schriftgrößen auf die Elemente anzuwenden, wobei die “*Symbol bezeichnet den Wert von 1 bis 6. Fügen Sie zunächst HTML -Elemente hinzu, um einen Text anzugeben. Fügen Sie dann das bestimmte Element die Klasse "FS-*" hinzu. Diese Klassen haben die CSS “SchriftgrößeEigenschaft mit einem bestimmten Wert. Diese Beschreibung hat die Bootstrap-Schriftklassen erklärt.