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.