Twitter bootstrap - zagnieżdżanie wierszy w stosunku do wielu wierszy

Question

Zacząłem używać Twittera do uruchamiania aplikacji, nad którą pracuję.

Przeczytałem dokumentację dotyczącą zagnieżdżania rzędów zarówno w systemie stałej sieci, jak i płynnej.

Teraz chcę zrobić coś takiego

więc oczywiście mogę zrobić coś takiego

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

i myślę, że to, czego chcę. Ale zastanawiam się, jakie są konsekwencje prowadzenia

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

nie widzę żadnej różnicy teraz w mojej przeglądarce, ale zastanawiam się, co się stanie, jeśli zawierają wiele elementów wierszy w pojedynczym container tagu. Czy zagnieżdżanie rzędów to jedyny właściwy sposób na stworzenie czegoś takiego, jak pokazałem? Jaka jest różnica między tymi dwiema implementacjami mojego projektu?

Answer 1

Druga wersja jest bardziej poprawna. Ale obie działają. Różnica polega na sposobie, w jaki reaguje, gdy strona jest ponownie rozmiaru. Druga wersja będzie kurczyć się i reagują lepiej

Jednak jeśli chcesz pojemniki dopasować powyższy obraz trzeba użyć class="container-fluid" i class="row-fluid"

również usunąć spacje między przęsłami i cyfr

class="span 3" 

Powinieneś powiedzieć