Grid Layout Tabellentest

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.

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

.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT

Es folgen nun 3 Zeilen immmer in einer Row 4 Spalten

.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT

Es folgen nun 12 Div in einer einzigen Row

.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT
.col-md-3 mit viel Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text EOT