Legen Sie die Schriftstärke mithilfe von Bootstrap-Klassen fest

Lesezeit: 3 Minuten

Gibt es eine Twitter Bootstrap-Klasse für font-weight: bold und andere Werte von font-weight?

Ich würde keinen neuen erstellen, wenn dieser bereits in Bootstrap existiert.

  • Es gibt keine Klasse, Sie müssen Ihre eigene anpassen.

    – Manoz

    30. September 2013 um 11:41 Uhr

  • Ja, es gibt keine separate Klasse für Font-weight:bold

    – Dinesh Kanivu

    30. September 2013 um 11:45 Uhr

Benutzer-Avatar
Brett Merrifield

Ich habe das auf der gefunden Bootstrap-Websiteaber es ist wirklich keine Bootstrap-Klasse, es ist nur HTML.

<strong>rendered as bold text</strong>

  • Außerdem strong bedeutet nicht unbedingt fett. Aus developer.mozilla.org/en-US/docs/Web/HTML/Element/strong: “Normalerweise wird dieses Element standardmäßig mit einer fetten Schriftstärke gerendert. Es sollte jedoch nicht einfach verwendet werden, um fette Formatierungen anzuwenden; verwenden Sie für diesen Zweck die CSS-Eigenschaft font-weight.”

    Benutzer3456014

    10. April 2018 um 7:44 Uhr


  • Stark ist stark, fett ist fett 🙁 Die Antwort von @GurgenHakobyan sollte bei weitem bevorzugt werden.

    – MattAllegro

    31. August 2018 um 13:31 Uhr

  • Dies stammt aus den alten Tagen, als es noch kein CSS gab. Aufgrund der Trennung von Designmustern wurde CSS erfunden, um eine Vermischung von Inhalt und Präsentation in HTML zu vermeiden. Obwohl Webbrowser dies aus Gründen der Abwärtskompatibilität weiterhin unterstützen, wird dringend empfohlen, und , und usw. nicht zu verwenden. en.wikipedia.org/wiki/Cascading_Style_Sheets

    – Wildhammer

    5. März 2020 um 17:48 Uhr


Benutzer-Avatar
Ilshidur

Im Bootstrap 4, class="font-weight-bold" ist das, wonach Sie suchen.

Für andere Stile gibt es font-weight-normal und font-italic Klassen.

  • Oh, das ist süß! Können Sie Ihre Antwort verbessern, um zu erwähnen, dass dies in Bootstrap 4 passieren wird, und eine Lösung für aktuelle Versionen hinzufügen (entweder mit <strong> und erstellen Sie einfach Ihre eigene Klasse)? Dann markiere ich deine Antwort.

    – Ionică Bizău

    19. September 2016 um 19:33 Uhr

  • Außerdem (in Bootstrap 4) können Sie die vorgeschlagene Klasse (“font-weight-bold”) zu der hinzufügen <input/> Kästchen und der Text darin wird fett dargestellt. Wir verwenden dies mit Titelfeldern, um sie bei Bedarf hervorzuheben. Getestet in Windows x64 in Chrome ver76 und IE11.

    – timmi4sa

    8. September 2019 um 19:36 Uhr

  • Cooler, cooler Mann. Es klappt!!! Ich habe versucht, den Inhalt fett zu machen, indem ich den Stil manuell zur CSS-Datei hinzugefügt habe, aber es ist einfach nicht passiert. Dann habe ich deine Antwort gefunden 😀

    – Travis Le

    7. Oktober 2019 um 10:31 Uhr

  • Es gibt kein text-weight-italic in diesem Pull-Request. Bei Bootstrap gibt es das text-italic. Diese Klasse legt die CSS-Eigenschaft fest font-style statt font-weight und kann zusammen mit allen font-weight-properties verwendet werden.

    – R. Schreurs

    2. Februar 2021 um 17:22 Uhr

  • Sollte das nicht sein“Schriftart-gewicht-normal” und nicht “Text-gewicht-normal”?

    – Daz

    3. Februar um 17:04 Uhr

Im Bootstrap 4:

class="font-weight-bold"

Oder:

<strong>text</strong>

Benutzer-Avatar
Gurgen Hakobyan

Erstellen Sie in Ihrer Site.css (oder an einer anderen Stelle) eine neue Klasse mit dem Namen zum Beispiel .font-bold und legen Sie sie auf Ihr Element fest

.font-bold {
  font-weight: bold;
}

Auf Bootstrap 4 können Sie verwenden:

<p class="font-weight-bold">Bold text.</p>
<p class="font-weight-normal">Normal weight text.</p>
<p class="font-weight-light">Light weight text.</p>

Benutzer-Avatar
st35ly

Der genaueste Weg, dies zu tun, wenn Sie verwenden Boostrap 5 ist wie im folgenden Beispiel:

<p class="fw-bold">Bold text.</p>

Benutzer-Avatar
Maimann

Sie sollten die Variablen von bootstarp verwenden, um Ihr Schriftgewicht zu steuern, wenn Sie einen individuelleren Wert wünschen und/oder einem Schema folgen, das wiederholt werden muss; Variablen werden im gesamten Projekt verwendet, um häufig verwendete Werte wie Farben, Abstände oder Schriftstapel zu zentralisieren und gemeinsam zu nutzen.

Alle Unterlagen finden Sie unter http://getbootstrap.com/css.

1332930cookie-checkLegen Sie die Schriftstärke mithilfe von Bootstrap-Klassen fest

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy