Bereich

Ein Bereich ist eine flexible Sammelbox für Elemente. Du kannst einen Bereich für verschiedene Dinge verwenden. Meistens darum, um mehrere Elemente zu gruppieren.

Bereich hinzufügen

Bereich verschachteln

Ein Bereich kann beliebig oft verschachtelt werden:

Bereich stylen

Du kannst einen Bereich stylen, so wie du es willst. Zum Beispiel kannst du eine Hintergrundfarbe und Innenabstände vergeben, um so eine Box zu designen:

Bereich als Layout-Element

Wenn du mehrere Elemente nebeneinander darstellen möchtest (z.B. zwei Buttons), packe diese einfach in einen Bereich und setze die Layout-Optionen auf nebeneinader:

Oder vielleicht möchtest du eine Sektion mit Container unterteilen:

Außerdem kannst du auch eine ganze Sektion in einen Bereich packen:

Das brauchst du z.B. wenn du möchtest, dass der Footer immer unten bleibt. Hier mehr dazu.

Bereich als Form

Ein Bereich eignet sich auch, um z.B. einen Kreis zu erstellen. Gib ihm dafür einfach eine gleiche Höhe und Breite, setze den Rahmen-Radius auf 100% und wähle eine Hintergrundfarbe:

In diesen Bereich kannst du z.B. ein Icon-Element hineinschieben. Über die Layout-Optionen kannst du das Icon dann positionieren.

Bereich als Abstand

Du kannst einen Bereich auch als leere Fläche zwischen Elementen verwenden. Gib ihm einfach eine feste Höhe oder Breite:

Aber davon raten wir eher ab, da es vor allem bei Responsive schwer ist die Übersicht zu behalten. Arbeite dafür lieber mit Außen- oder Innenabständen.