Cards und Teaserboxen
Einzelne Card als Teaserbox
Dieses Beispiel zeigt zwei solcher Cards in einem 2-spaltigen Raster.
Standard-Card
Diese beiden Standard-Cards befinden sich jeweils in einer eigenen Spalte eines Rastercontainers.
Überschrift
Auch hier etwas Text. Auch hier etwas Text. Auch hier etwas Text. Auch hier etwas Text. Auch hier etwas Text.
Überschrift
Auch hier etwas Text. Auch hier etwas Text. Auch hier etwas Text. Auch hier etwas Text. Auch hier etwas Text.
Cardliste
Die Cardliste beinhaltet mehrere Cards, die semantisch in einer Liste gerendert werden. Die Anzahl der Spalten kann von 2 (Standard) auf 3 oder 4 Cards nebeneinander eingestellt werden.
-
![]()
Card #1
Diese Card unterstützt ebenfalls etwas Text. Diese Card unterstützt ebenfalls etwas Text. Diese Card unterstützt ebenfalls etwas Text.
-
![]()
Card #2
Diese Card unterstützt ebenfalls etwas Text. Diese Card unterstützt ebenfalls etwas Text. Diese Card unterstützt ebenfalls etwas Text.
-
![]()
Card #3
Diese Card unterstützt ebenfalls etwas Text. Diese Card unterstützt ebenfalls etwas Text. Diese Card unterstützt ebenfalls etwas Text.
-
Card ohne Bild
-
Card ohne Bild
-
Auch ohne Bild
-
Und hier? Kein Bild.