Grid

Das Theme basiert auf Bulma, womit du u. a. Elemente ganz einfach nebeneinander und gleichzeitig für mobile Geräte in einer Spalte darstellen kannst.

Platzieren der Inhaltscontainer

Um beispielsweise zwei Textelemente nebeneinander darzustellen, fügst du zuerst jeweils ein Element vom Typ Contao Themes (Inhaltscontainer Anfang) und Contao Themes (Inhaltscontainer Ende) hinzu.

Das Element vom Typ Inhaltscontainer Anfang muss unter Erweiterte CSS-Klassen das Col-Attribut .columns bekommen.

Erweiterte CSS-Klassen

Zwischen den Umschlagselementen platzierst du die Elemente, die du nebeneinander darstellen möchtest. Dabei musst du unter Erweiterte CSS-Klassen das Col-Attribut .column auswählen.

Zusätzlich kannst du auch noch weitere Klassen definieren, u. a. Spaltenbreiten für bestimmte Auflösungen, Spalten-Abstände und die Ausrichtung. Weitere Informationen findest du in der Bulma Dokumentation.

Beispiel

Beispiele findest du in der Demo.