Zum Hauptinhalt springen

Section

Sections werden gebraucht, um Inhalte auf der Webseite in Spalten anzuordnen. Sie formatieren ihren Inhalt in die angegebene Anzahl Spalten.

  1. Section Titel (wird poberhalb der Elemente als Titel angezeigt)
  2. Anzahl Spalten
  3. Inhalte (Inhaltselemente werden der Reihe nach auf die Anzahl Spalten verteilt)
  4. Weitere Inhalte hinzufügen
  5. Die Section auf die ganze Bildschirmbreite erweitern
  6. Der Section einen farbigen Hintergrund verpassen
  7. Statt der Hintergrundfarbe ein Hintergrundbild für die Section definieren

Eingabe​

1234567

Spalten Optionen​

Im Web-Bereich wird oft mit einem Zwölfer-Raster gearbeitet um das Layout einer Seite festzulegen. Daher haben wir unsere Optionen für die Anzahl Spalten auch zusätzlich damit angeschrieben.

1 Spalte (12)​

Die Inhalte werden in einer Spalte aufgereiht. (volle Breite)

2 Spalten (6-6)​

Die Inhalte werden in zwei gleichgrossen Spalten angeordnet, jede Spalte nimmt die Hälfte der Breite ein.

2 Spalten (8-4) / 2 Spalten (4-8)​

Die Inhalte werden in zwei Spalten angeordnet. Eine Spalte nimmt 2/3 der verfügbaren Breite ein, die andere 1/3.

3 Spalten (4-4-4)​

Die Inhalte werden auf drei Spalten aufgeteilt, jede Spalte braucht gleich viel Platz.

4 Spalten (3-3-3-3)​

Die Inhalte werden auf vier gleichmässige Spalten aufgeteilt.

Beispiel des Zwölfer-Rasters​