Raster


Darstellung

Diese Seite hilft dir beim einstellen des Rasters. Du kannst Spaltenbreiten und Abstände für alle Breakpoints einstellen und musst dich dann im Idealfall nie mehr darum kümmern.

Placeholder

Zeilen mit 1-12 Spalten

1 Spalte

2 Spalten

3 Spalten

4 Spalten

6 Spalten

12 Spalten

 

Zeilenbreiten

Breit (L)

Sehr breit (XL)

Volle Gridbreite (XXL)

Volle Seitenbreite (XXXL)

 

Beispiele für Overrides

Du hast die Möglichkeit, für einzelne Breakpoints die Rastereinstellungen zu überschreiben. Du kannst entweder die Zeile auf die volle Breite strecken oder die Abstände zwischen den Spalten (Gutter) ausschalten.

Schau dir die unteren Beispiele auf verschiedenen Bildschirmgrößen an, um das Verhalten zu verstehen.

Overrides auf sehr großen Bildschirmen (XL: > 1024px)

Overrides auf großen Bildschirmen (LG: 768px - 1024px)

Overrides auf mittleren Bildschirmen (MD: 480px - 768px)

Overrides auf kleinen Bildschirmen (SM: < 480px)