Wie gestalte ich ein Grid-System mit Bootstrap?
In der großen und mittleren Anzeige werden 2 Spalten und 3 Zeilen angezeigt. Die erste Spalte hat 1 Zelle und die zweite Spalte 3 Zellen.
Im kleinen und extra kleinen Display wird nur 1 Spalte und 4 Zeilen angezeigt. Jede Zelle wird nacheinander in einer einzelnen Spalte gestapelt. Erste Spalte / Zelle von großer oder mittlerer Anzeige sollte hier zuerst stehen.
Jake745 Antwort ist irgendwie richtig, aber verpassen Sie das "row" div für die verschachtelte Spalte. Sie können keine Spalte ohne eine Zeile haben, daher ist es gut, diese Struktur beizubehalten. Außerdem müssen Sie die Spalte nicht wiederholen, wenn Sie alle Bildschirmgrößen auf 12 oder eine andere Größe verteilen möchten. Wenn Sie zum Beispiel 12 Spalten benötigen, während das Tablet 6 Spalten benötigt, müssen Sie nur "col-xs-12 col-sm-6" eingeben und alles über sm wird automatisch 6 Spalten aufnehmen. p>
Auf diese Weise werden Sie Ihren Code reduzieren und keine unnötigen Codes einfügen. Ich hoffe das hilft.
%Vor%Tags und Links twitter-bootstrap