Raster

Mit den Raster-Elementen kann Inhalt in ein bis vier Spalten angezeigt werden, inklusive Konfigurationsmöglichkeiten für verschiedene Breakpoints. Dabei lässt sich auch die Ausrichtung bestimmen, wie die folgenden Elemente zeigen.

1-Spalter mit zentriertem Inhalt mit 50% Breite

Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden.

2-Spalter mit vertikal zentriertem Inhalt

Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. 

3-Spalter mit linksbündigem Text

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

4-Spalter

Highlight Box Success

Highlight Box Info

Highlight Box Warning

Highlight Box Danger

Mehr Informationen zu den Highlight Boxen gibt es auf der Seite Boxen & Karten.

Bereiche

Bereiche können mit nahezu beliebigen anderen Inhaltselementen befüllt werden. Die Überschriften der Abschnitte auf dieser Seite befinden sich bereits im Bereich mit dunklem Hintergrund. Der Text, den Sie hier lesen, befindet sich im Bereich mit hellem Hintergrund.

Bereich mit Hintergrundbild (dunkel)

Alternativ kann ein Bereich auch mit einem Bild hinterlegt werden.

Bereich mit Hintergrundbild

Alternativ kann ein Bereich auch mit einem Bild ohne zusätzlichem Overlay hinterlegt werden. In diesem Bereich wurde stattdessen eine Box eingefügt, die den Text hervorhebt.

Bereich mit Hintergrundbild (hell) + scrollendes Bild

Alternativ kann ein Bereich auch mit einem Bild hinterlegt werden.
Hierbei lässt sich auch einstellen, dass das Bild mitscrollt.