twitter-bootstrap
Grid Nesting
Ricerca…
introduzione
In Bootstrap è possibile utilizzare le colonne della griglia all'interno di altre colonne. Ciò è utile quando si creano layout responsive avanzati che utilizzano più livelli di griglia .
Osservazioni
Possiamo avere il maggior numero di colonne possibile nel modo sopra indicato.
Colonne di nidificazione
<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>
L'esempio è tratto da [ http://getbootstrap.com/css/#grid-nesting][1]
come suggerisce la documentazione del sito ufficiale
Per annidare il contenuto con la griglia predefinita, aggiungi un nuovo .row e un insieme di colonne .col-sm- * all'interno di una colonna .col-sm- * esistente. Le righe annidate devono includere un set di colonne che ne aggiungono fino a 12 o meno (non è necessario che tu utilizzi tutte le 12 colonne disponibili).
Modified text is an extract of the original Stack Overflow Documentation
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow