Container: Wieso soll jeder Modul-Abschnitt in einem Container sein?

Das hat mehrere Gründe. Mit diesem Modul beginnt eine neue Sektion auf der Seite und jedes Modul, dass man in der Sektion haben will, sollte auch im Container sein. Der Container hat pro Endgerät andere maximale Breite und Größe für den Content, so dass alle Module einheitlich in einer Linie aussehen.

Gründe: 

• Einheitliche Größen
• Einzelne Modul-Abschnitte können simple auf der Seite verschoben werden
• Pro Container kann ein anderer Hintergrund gesetzt werden, was unter anderem interessant für die Gestaltung der Website ist. 

Unterschiedliche Breiten im Container: 

Bestimmt die Breite des Inhalts im Container. Nicht die Breite des Containers selbst.

Bestimmt die Breite des Inhalts im Container. Nicht die Breite des Containers selbst.

Wide width / Weite Breite:
Ist der Standard Wert.
Hält alle weiteren Module in einem vordefinierten Raster.

Full width / Volle Breite:
Alle Module gehen an den Rand des Containers ohne eine Begrenzung der maximalen Breite.

Auswahl im Backend für Wide width und full width 

Wide Width im Frontend: 

Full Width im Frontend: 

Top Spacing & Bottom Spacing:
Wenn der Button aktiviert wird, wird je nachdem oben oder unten an den Container ein fest definierter Abstand angehängt. Das sorgt für ein einheitliches Erscheinungsbild. 

Top Margin & Bottom Margin:
Wenn der Button aktiviert wird, wird je nachdem oben oder unten ein anderer Abstand angehängt. 

Container (blau) ohne Spacing und Margin

Container (blau) mit Spacing (top+bottom) ohne Margin

--> Mehr Platz im Container

Container (blau) mit Spacing (top+bottom) mit Margin
--> Mehr Platz über und unter dem Container