Die fs- (Schriftgröße) Klassen in Bootstrap sind Klassen, die dir ermöglichen, die Schriftgröße für Text schnell und einfach zu ändern. Du kannst die Schriftgröße für ein Element auf einen der vordefinierten Schriftgrößen ändern, indem du einfach die entsprechende Klasse zu deinem HTML-Element hinzufügst.
Zum Beispiel, um die Schriftgröße eines Paragraphen-Elements auf 0.75rem zu setzen, kannst du die Klasse .fs-1 wie folgt verwenden:
Bootstrap 5 bietet dir eine Reihe von fs- Klassen, die du verwenden kannst, um die Schriftgröße für deine Texteinstellungen anzupassen. Hier sind einige Beispiele:
.fs-1:0.75rem.fs-2:0.875rem.fs-3:1rem.fs-4:1.25rem.fs-5:1.5rem
Du kannst auch benutzerdefinierte Schriftgrößen mit CSS definieren und anwenden, wenn die vordefinierten Schriftgrößen nicht ausreichen.
<p class="fs-1">Dies ist ein Beispieltext mit einer Schriftgröße von 0.75rem.</p>
<p class="fs-2">Dies ist ein Beispieltext mit einer Schriftgröße von 0.875rem.</p>
<p class="fs-3">Dies ist ein Beispieltext mit einer Schriftgröße von 1rem.</p>
<p class="fs-4">Dies ist ein Beispieltext mit einer Schriftgröße von 1.25rem.</p>
<p class="fs-5">Dies ist ein Beispieltext mit einer Schriftgröße von 1.5rem.</p>