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).

inserisci la descrizione dell'immagine qui



Modified text is an extract of the original Stack Overflow Documentation
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow