Grid Layout xl [eXtreme 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]
× Wird erst mit Bootstrap Version 4 unterstützt

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

.col-xl-4
.col-xl-4
.col-xl-4


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

.col-xl-4
.col-xl-8


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

.col-xl-1
.col-xl-2
.col-xl-3
.col-xl-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