So erhöhen Sie font-size in der Bootstrap-4?
In der Bootstrap-4, schriftart,-Größe standardmäßig mit em
oder rem
für Schriftarten.
Wie erhöhe ich die font-size
für alle viewport-Größen? Da jedes element sieht winzig.
- Wenn Sie möchten ansprechende schriftart, die Größen, die Sie verwenden können media queries. Die bootstrap-4 docs zeigen ein Beispiel.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Weil Bootstrap-4 verwendet rem für die
font-size
Einheit, die meisten der Elemente, die Sie festlegen können, diefont-size
impx
auf das HTML-element in einem eigenen stylesheet und dies ändert die Standard-sizing Bootstrap für Ihre Elemente. Ich habe einen link zu einer codeply Projekt, so können Sie in Aktion sehen. Die Umwelt hat bereits Bootstrap-4 geladen in es. Wenn Sie ändern Sie den Wert desfont-size
für diehtml
- Wahlschalter und führen Sie das Projekt können Sie sehen, wie die Dimensionierung der Elemente verändern sich relativ zum root-element.Hinzufügen von drei Zeilen CSS zu Ihrem stylesheet sollte Recht einfach sein:
können Sie
.h1
zu.h6
bootstrap-Klassen, oder Sie können Ihre eigenen benutzerdefinierten css-Klasse definieren und Schriftgrad hier und stellen Sie Ihre Klasse auf das html-element.h3
, aber sein gestylt wie einh1
).