wake-up-neo.com

Stellen Sie die Schriftstärke mit den Bootstrap Klassen ein

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

Ich würde kein neues erstellen, wenn dies bereits in Bootstrap vorhanden ist.

109
Ionică Bizău

EDIT 2 (final): Gemäß der bootstrap 4 Dokumentation , class="font-weight-bold" ist was Sie suchen.


BEARBEITEN: Sie können class="font-weight-bold" as hier gezeigt (Bootstrap 4 alpha).

Ich habe die ursprüngliche Antwort unten aus Gründen der Klarheit aufbewahrt.


Ich poste diese Antwort, weil dieser Thread anscheinend viele Besucher hat, aber keine richtige Lösung für dieses Problem gefunden hat. Aber es wird bald einen Weg geben mit Bootstrap 4:

Wie diese GitHub-Pull-Anfrage zeigt, müssen Sie nur das text-weight-normal, text-weight-bold und text-weight-italic Klassen.

Dies kann sich möglicherweise bis zur offiziellen stabilen Veröffentlichung ändern. Zum jetzigen Zeitpunkt ist diese Pull-Anfrage noch nicht im Alpha-Zweig zusammengeführt.

Ich werde diesen Beitrag aktualisieren, sobald Bootstrap v4 veröffentlicht wurde.

22
Ilshidur

Ich fand dies auf der Bootstrap-Website , aber es ist wirklich keine Bootstrap Klasse, es ist nur HTML.

<strong>rendered as bold text</strong>
91

In Bootstrap 4:

class="font-weight-bold"

Oder:

<strong>text</strong>
46
Jeremy Lynch

Erstellen Sie in Ihrer Site.css (oder an einem anderen Ort) eine neue Klasse mit dem Namen .font-bold und setzen Sie sie auf Ihr Element

.font-bold {
  font-weight: bold;
}
36
Gurgen Hakobyan

Auf Bootstrap 4 können Sie Folgendes 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>
7
Daniel RM

Sie sollten die Variablen von bootstarp verwenden, um die Schriftstärke 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.

sie finden die gesamte Dokumentation unter http://getbootstrap.com/css .

1
maioman