Offset -Spalte:
Im Bootstrap Grid -System können wir Offset -Spalten verwenden, um den Effekt des Verschiebens einer Spalte rechts zu erreichen, wie unten gezeigt:
<div> <div> col2 </div> </div>
Class = "col-sm-2 col-sm-offset-1" bedeutet, dass die Säule zwei Teile einnimmt und einen Teil nach rechts bewegt. Die Ergebnisse, die Sie sehen, sind wie folgt:
Col-sm-offset-1 bedeutet, eine Kopie nach rechts zu verschieben. Col-sm-offset-2 bedeutet, zwei Kopien nach rechts und so weiter zu verschieben. Die Col-XS-Klasse unterstützt keine Offset-Spalten, kann jedoch durch einfach eine leere Zelle erreicht werden.
Verschachtelte Säulen:
Wir können Gitter in den Inhalt wie folgt nisten:
<div> <div> <div> <div> col </div> <div> col </div> </div> <div> <div> col3 </div> <div> col4 </div> </div> </div> </div> </div>
Die äußere Schicht ist ein Gitter aus zwei Spalten in einer Zeile und zwei Spalten. Die erste Spalte berücksichtigt 4 Teile, die zweite Spalte enthält 8 Teile und ein Raster mit zwei Spalten in einer Zeile und zwei Spalten ist in der ersten Spalte verschachtelt. Die erste Spalte berücksichtigt 2 Teile und die zweite Spalte für 10 Teile. Der Anzeigeeffekt ist wie folgt:
Das obige ist die vollständige Beschreibung der vierten Bootstrap Grid System Offset -Spalte und der Ihnen vorgestellten verschachtelten Spalte. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!