Grid Layout lg [LarGe]

Stopp Achtung
Achtung, diese Seite wurde für HTML 5 geschrieben. Scheinbar verwenden Sie einen alten Browser, der das nicht unterstützt. Es kann sein, dass nicht alle Seiten korrekt angezeigt werden. Sie sollten unbedingt eine aktuelle Version Ihres Browsers installieren.
schließen [X]

Es folgt eine Zeile (div class=row) mit 3 gleichen Spalten (jeweils 4 Basis-Spalten)

.col-lg-4
.col-lg-4
.col-lg-4


Es folgt eine Zeile (div class=row) mit 2 ungleichen Spalten (mit 4 und 8 Basis-Spalten)

.col-lg-4
.col-lg-8


Es folgt eine Zeile (div class=row) mit 4 ungleichen Spalten (mit 1, 2, 3 und Basis-Spalten)

.col-lg-1
.col-lg-2
.col-lg-3
.col-lg-6

Man kann es auch Spaltenweise anlegen, hier zwei gleich breite Spalten mit je 4 Zeilen

Zeile 1 in Spalte 1
Zeile 2 in Spalte 1
Zeile 3 in Spalte 1
Zeile 4 in Spalte 1
Zeile 1 in Spalte 2
Zeile 2 in Spalte 2
Zeile 3 in Spalte 2
Zeile 4 in Spalte 3