Grid

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

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 die Klasse row bekommen.

Content-Box

Content-Box

Zwischen den Umschlagselementen platzierst du zwei Textelemente, wo du jeweils unter Erweiterte CSS-Klassen bei Spaltenbreiten festlegen .col-12 und .col-md-6 auswählst. Das würde bedeuten, dass unter einer Breite von 768px die Elemente einspaltig und darüber zweispaltig dargestellt werden. Wie genau du die Klassen verwendest, findst du in der Dokumentation von Bootstrap 4.

Content-Box

Content-Box

Ein Beispiel findest du in der ODD Demo auf der Seite Textelemente.