twitter-bootstrap
Gitternetz
Suche…
Einführung
In Bootstrap ist es möglich, Rasterspalten in anderen Spalten zu verwenden. Dies ist hilfreich, wenn Sie erweiterte responsive Layouts mit mehreren Rasterebenen erstellen.
Bemerkungen
Auf die oben genannte Weise können wir so viele Spalten wie möglich haben.
Spalten verschachteln
<div class="row">
<div class="col-sm-9">
Level 1: .col-sm-9
<div class="row">
<div class="col-xs-8 col-sm-6">
Level 2: .col-xs-8 .col-sm-6
</div>
<div class="col-xs-4 col-sm-6">
Level 2: .col-xs-4 .col-sm-6
</div>
</div>
</div>
</div>
Das Beispiel stammt aus [ http://getbootstrap.com/css/#grid-nesting([1]
wie die Dokumentation der offiziellen Website vorschlägt
Um Ihren Inhalt mit dem Standardraster zu verschachteln, fügen Sie eine neue .row und einen Satz von .col-sm- * -Spalten innerhalb einer vorhandenen .col-sm- * -Spalte hinzu. Verschachtelte Zeilen sollten einen Satz von Spalten enthalten, der maximal 12 ergibt (es ist nicht erforderlich, dass Sie alle 12 verfügbaren Spalten verwenden).
Modified text is an extract of the original Stack Overflow Documentation
Lizenziert unter CC BY-SA 3.0
Nicht angeschlossen an Stack Overflow