Sie sind hier: Home > Framework > Das Grundraster

Das Grundraster

Das Grundraster (Grid) sorgt für die flexible Anpassung der Inhalte auf unterschiedlich breiten Ausgabegeräten. Das Raster basiert auf einer 12er-Einteilung. Eine Breite von 12 entspricht dabei 100%, eine Breite von 6 entspricht 50% u.s.w.. In der Summe muss jeder Reihe eine Breite von 12 haben. Die Breiten für die verschiedenen Geräte können mir class="large-Breite" (z.B. large-12), class="medium-Breite" und class="small-Breite" auf alle Elemente gesetzt werden, was überflüssige div-Container spart.

Beispiele für 2-teilige Raster

Beispiele für 3-teilige Raster

Beispiele für 4-teilige Raster

Beispiele für weitere Raster