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