Default Elements

Dieser Abschnitt zeigt die Standarddarstellung des aktiven Themes mit Umlauten Ä Ö Ü, ß, Ziffern 0123456789 und Satzzeichen. Ein längerer Absatz macht Zeilenhöhe, Textumbruch und Abstände auch auf schmalen Bildschirmen vergleichbar.

Ein zweiter Absatz zeigt den Abstand zwischen zwei aufeinanderfolgenden Textblöcken.

Ein einleitender Absatz mit der Typografie-Klasse .lead.

Normaler Text, starke Betonung (strong), Fettdruck (b), Betonung (em), Kleindruck (small), markierter Text (mark) und Inline-Code im selben Absatz.

Beispiellink zum Beginn der Typografie-Section – auch mit Maus und Tastatur fokussieren.

Kleiner Text über die Klasse .small.

Gedämpfter Text über .muted.

Gedämpfter Text über .text-muted.

Sekundärer Fließtext über .text-body-secondary.

Ungeordnete Liste

• Erster Eintrag ohne zusätzliche Klasse
• Ein längerer Eintrag, der auf schmalen Bildschirmen über mehrere Zeilen läuft und den Einzug der Folgezeilen sichtbar macht
• Eintrag mit Unterliste
  • Erster verschachtelter Eintrag
  • Zweiter verschachtelter Eintrag

Geordnete Liste

1. Erster Schritt ohne zusätzliche Klasse
2. Ein längerer zweiter Schritt zur Prüfung von Nummerierung, Textumbruch und Einzug auf mobilen Geräten
3. Schritt mit Unterliste
   1. Erster Teilschritt
   2. Zweiter Teilschritt

Definitionsliste

Typografie

Darstellung und Rhythmus einzelner Textelemente.

Theme

Farben, Schriftwahl und weitere gemeinsame Gestaltungswerte.

Zitat und Code

Ein Zitat zeigt seinen eigenen Abstand, seine Schriftgröße und die Gestaltung des Zitatbereichs.

Ein zweiter Absatz prüft den Rhythmus innerhalb des Zitats.

// Kurzes Beispiel zur Darstellung eines mehrzeiligen Codeblocks.
const theme = 'aktives Theme';
const elements = ['p', 'strong', 'ul', 'ol', 'table'];

Trennlinie

Text vor der horizontalen Linie.

Text nach der horizontalen Linie.

Figure und Bildunterschrift

Beschriftung über die Klasse .figure-caption.

Native Basistabelle

Tabelle mit Basisklasse