Grid & Layout

Für die Erstellung von Grid-Layouts in Contao haben wir eine eigene Contao Erweiterung euf_grid entwickelt, die ebenfalls über Composer erhältlich ist. Sie ergänzt die gängigen Inhaltselemente wie Text, Bild, Download etc. um 2 weitere Felder, in denen sich Spaltenbreite, -abstand und -ausrichtung auswählen lassen.

Außerdem gibt es noch 4 neue Inhaltselemente:

  • Reihe Start
  • Reihe Ende
  • Spalte Start
  • Spalte Ende

Die Elemente Reihe Start und Reihe Ende sollten die jeweiligen Elemente, die in einem Grid angeordnet werden sollen, umschließen. Dadurch werden die richtigen Spaltenbreiten und Abstände (auch zum Rand gewährleistet). Die Elemente Spalte Start und Spalte Ende sind dafür da, um mehrere Elemente in einer Spalte zu platzieren.

Die Erweiterung euf_grid greift auf die in der Nutshell vorhandenen Grid-Klassen zurück und bringt selbst keine CSS-Dateien mit, d.h. die Datei _grid.scss muss auf jeden Fall aktiviert sein, wenn du das Grid verwenden willst.

col-sm-6 col-md-4

col-sm-6 col-md-4

col-sm-6 col-md-4

col-sm-6 col-md-4

col-sm-6 col-md-4

col-md-4 row-start-md-2

col-md-4 row-span-md-3

col-sm-6 col-md-4