Bootstrap Twitter - righe di annidamento su più righe

Question

Ho iniziato a utilizzare il bootstrap di Twitter per questa applicazione su cui sto lavorando.

Ho letto la documentazione relativa alle righe di annidamento sia in rete fissa che in quella fluida.

Ora, voglio fare qualcosa di simile

Così, naturalmente, ho potuto fare qualcosa di simile

<div class="container"> 
    <div class="row"> 
     <div class="span 12">red</div> 
     <div class="row"> 
      <div class="span 3">yellow</div> 
      <div class="span 9">green</div> 
     </div> 
    </div> 
</div> 

e penso che avrei avuto quello che voglio. Ma mi chiedo quali sono le conseguenze di fare

<div class="container"> 
    <div class="row"> 
     <div class="span 12">red</div> 
    </div> 
    <div class="row"> 
     <div class="span 3">yellow</div> 
     <div class="span 9">green</div> 
    </div> 
</div> 

non vedo alcuna differenza ora nel mio browser, ma mi chiedo che cosa accadrà se includo più elementi di riga in un'unica container tag. Il nesting delle righe è l'unico modo corretto per creare qualcosa come ho mostrato? Qual è la differenza tra queste due implementazioni del mio design, per così dire?

Answer 1

La seconda versione è più corretta. Ma entrambi funzionano. La differenza è come risponde quando la pagina viene ridimensionata. La seconda versione si restringerà e reagire meglio

Tuttavia, se si desidera che i contenitori per abbinare l'immagine qui sopra è necessario utilizzare class="container-fluid" e class="row-fluid"

anche rimuovere gli spazi tra le campate ei numeri

class="span 3" 

Dovrebbe dire

class="span3"