Der Spalten-Block (Columns)

Spalte 1

Hier steht dann ganz viel Text.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Spalte 2

Hier steht dann ganz viel Text.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Spalte 3

Hier steht dann ganz viel Text.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Der Spalten-Block ist ein sogenannter „Layout-Block“. Er selbst enthält keinen Text, sondern dient als Container, um andere Blöcke (wie Text und Bild) nebeneinander zu platzieren.

Optionen & Einstellungen

  • Layout-Auswahl: Sie können wählen, wie viele Spalten Sie möchten (z. B. 2, 3 oder 4 Spalten) und wie das Aufteilungsverhältnis sein soll (z. B. 50/50 oder 33/66).
  • Vertikale Ausrichtung: Bestimmt, ob die Inhalte in den Spalten oben, mittig oder unten ausgerichtet sein sollen.

Typische Anwendungsfälle

  • Präsentation von 3 Dienstleistungen nebeneinander auf der Startseite.
  • Ein zweispaltiges Layout: Links ein Text, rechts das passende Bild dazu.

Das Wichtigste auf einen Blick:

  • Ermöglicht komplexe, mehrspaltige Layouts.
  • Kann jeden anderen Block (Text, Bild, Button) in den Spalten aufnehmen.
  • Passt sich auf Smartphones automatisch an (Spalten rutschen untereinander).