Bootstrap 5 Text fett mit Codebeispielen

Bootstrap hilft bei der Erstellung mobilfreundlicher und reaktionsschneller Webseiten. Insbesondere Bootstrap 5 bringt mehrere neue Ergänzungen und Verbesserungen mit, einschließlich einer neuen Methode zum mutigen Text. In der vorherigen Version (Bootstrap 4) die “Schriftdicke: fettDie Klasse wird verwendet, um Text fett zu machen. In Bootstrap 5 jedoch die “fw-boldDie Klasse wird zu diesem Zweck verwendet.

In diesem Beitrag werden Sie angewiesen, wie Sie in Bootstrap 5 mutigen Text erstellen können.

Bootstrap 5 Text fett mit Codebeispielen

In Bootstrap 5 die “fw-boldDie Klasse wird verwendet, um den Text fett zu machen. Im "Bootstrap.CSS"Datei, die" fw-bold "-Klasse hat die"Schriftgewicht”Eigenschaft mit dem Wert“700”.

Beispiel 1: Wie man Text in Bootstrap 5 fett macht?

Schauen Sie sich das unten erwähnte Beispiel an:

• Zwei hinzufügen “

  Elemente, die den normalen bzw. mutigen Text anzeigen.

• Angeben “Text-Center”Als Klasse beider Elemente.
• Der "fw-bold"Die Klasse wird der zweiten zugewiesen"

  Element nur, um den Unterschied zu erkennen.

• Der "TextdangerDie Klasse zeigt den Text in roter Farbe.

Hier ist der HTML -Code:

LinuxHint

LinuxHint

Ausgang

Beispiel 2: Wie man Text in einem Absatz mutig macht?

Beim Lesen eines Buches oder einer Recherche sehen wir mutigen Text im Absatz. Diese mutigen Begriffe vermitteln den Lesern ihre Bedeutung. Der kühne Text muss mutig genug sein, um hervorzuheben. Es darf die Leser jedoch nicht visuell stören.

Lassen Sie uns sehen, wie der Text im Absatz mutig ist:

LinuxHint ist die beste Tutorial -Website . Es bietet Qualität> Artikel und> Videoinhalte die Welt erziehen!

Es kann beobachtet werden, dass die ausgewählten Textteile einen kräftigen Schriftstil haben:

Wir haben die Beispiele zum fettem Text in Bootstrap 5 mit Beispielen zusammengestellt.

Abschluss

In Bootstrap 5 die “fw-boldDie Klasse wird verwendet, um die Schriftart fett zu machen. Diese Klasse wird mit dem deklariertSchriftgewicht"Eigenschaft mit dem Wert"700”. Verwenden Sie das Inline -Element, wie z"Mit der Klasse" FW-Bold ". In diesem Beitrag wurde erklärt.