Vorbemerkungen
Grundsätzlich erscheinen Contentelemente zentriert in einer eingeschränkten Breite. Dies dient dazu, das vor allem Texte besser lesbar sind. Soll von dieser Standardbreite abgewichen werden stehen verschiedene Container zur Verfügung über die die Breite von Elementen gesteuert werden kann.
Es ist eine gute Idee mehrspaltige von einspaltigen Elementen optisch zu trennen. Dazu können davor und danach horzontale Linien oder dunkler Hintergrund verwendet werden.
Volle Breite
Manchmal ist es sinnvoll kurze Texte in der vollen Bildschirmbreite anzuzeigen. Dazu muss zunächst ein Container "Full-width" erstellt, und das entsprechende Contentelement entweder direkt darin erzeugt, oder später hineingezogen werden.
Mehrspaltige Inhalte
Es gibt Container für unterschiedliche Breitenverhältnisse von Contentelementen.
Mögliche Aufteilung von Spalten
- 2/2, beide Contentelemente haben die gleiche Breite
- 1/2, das rechte Contentelement ist doppelt so breit wie das linke
- 2/1, das linke Contentelement ist doppelt so breit wie das rechte
- 3, es gibt 3 gleichbreite Elemente nebeneinander