Raster-Elemente

Rasterelemente ordnen Inhalte nebeneinander in verschiedenen Rastern an. Im Unterschied zu Tabellen, verschieben sich die Rasterinhalte sich je nach Größe des Bildschirms (responsiv).

Beachte:
Raster bilden immer nur den Anordnungsrahmen für die eigentlichen Inhalte. Diese müssen in den einzelnen Spalten der Raster angelegt werden.

Folgende Raster stehen zur Verfügung:

  • Raster: 2 Spalten (grid 3 - 9)
  • Raster: 2 Spalten (grid 8 - 4)
  • Raster: 2 Spalten (grid 10 push 1)
  • Raster: 2 Spalten (grid 8 push 2)
  • Raster mit Hintergrund: 2 Spalten (grid 8 push 2)
  • Raster: 2 Spalten (grid 6 push 5 )
  • Raster: 2 Spalten (grid 6 - 6)
  • Raster mit Hintergrund: 2 Spalten (grid 5 push 1-5)
  • Raster: 3 Spalten (grid 4 - 4 - 4)
  • Raster mit Hintergrund: 3 Spalten (grid 4 - 4 - 4)
  • Raster: 4 Spalten (grid 3 - 3 - 3 - 3)

Rasterspalten-Prinzip


Raster: 2 Spalten (grid 3 - 9)

Überschrift

Lorem ipsum dolor sit amet

consectetur adipisicing elit, sed do eiusmod tempor incididunt consectetur adipisicing elit, sed do eiusmod ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt consectetur adipisicing elit, sed do eiusmod ut labore et dolore magna aliqua.

Überschrift

Lorem ipsum dolor sit amet

consectetur adipisicing elit, sed do eiusmod tempor incididunt consectetur adipisicing elit, sed do eiusmod ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt consectetur adipisicing elit, sed do eiusmod ut labore et dolore magna aliqua.


Raster mit Hintergrund: 2 Spalten (grid 8 push 2)

Überschrift

Lorem ipsum dolor sit amet

consectetur adipisicing elit, sed do eiusmod tempor incididunt consectetur adipisicing elit, sed do eiusmod ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt consectetur adipisicing elit, sed do eiusmod ut labore et dolore magna aliqua.