Gruppierung von Inhalten
Was ist "row" und wie verwende ich es richtig?
"row" ist eine Klasse, die man verwenden kann um Informationen nebeneinander zu gruppieren. Der folgende Text wurde mit der Überschrift insgesamt in die class="row" gesetzt, was dazu führt, dass sich der normale Texteinzug ein gutes Stück nach links versetzt.
12 Spalten
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
Dieses Vorgehen ist natürlich falsch, wenn man eigentlich nur einen Teil des Textes nebeneinander grupperien möchte. Außerdem ragt das Beispiel über die 12-Spaltigkeit der Contentseite hinaus, durch den fehlerhaften Einsatz der Klasse "row" im Code.
<--- Durch das "row" am Anfang des Codes, verschiebt sich der gesamte Seiteninhalt. So ist es nicht korrekt.
Das rechte Beispiel zeigt die richtige Anwendung von "row". Es wird nur den Containern vorangestellt, die auch wirklich gruppiert werden sollen. Würde man "row" nicht verwenden, wäre die Darstellung schlichtweg untereinander statt nebeneinander gelistet. ---->
Im folgenden Beispiel wurde die Überschrift nicht innerhalb der "row"-Klasse eingeschlossen, sondern nur der Text, der nebeneinander gruppiert werden soll (im Bild oben rechts als Code sichtbar):
12 Spalten
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1