Twitter Bootstrap - Verschachtelung von Zeilen im Vergleich zu mehreren Zeilen

Question

Ich fing an, Twitter Bootstrap für diese Anwendung zu verwenden, an der ich arbeite.

Ich habe die Dokumentation über die Verschachtelung von Zeilen im Fixed Grid System und in Fluid One gelesen.

Jetzt will ich so etwas wie dieses

So natürlich tun, was ich so etwas wie dieses

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

tun konnte, und ich glaube, ich würde bekommen, was ich will. Aber ich frage mich, was sind die Konsequenzen des Tuns

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

Ich sehe keinen Unterschied jetzt in meinem Browser aber ich frage mich, was passieren wird, wenn ich mehrere Zeilenelemente in einzelnen container Tag enthalten. Ist die Reihenverschachtelung der einzig richtige Weg, etwas zu erschaffen, wie ich es gezeigt habe? Was ist der Unterschied zwischen diesen beiden Implementierungen meines Designs?

Answer 1

Die zweite Version ist richtiger. Aber beide arbeiten. Der Unterschied besteht darin, wie es reagiert, wenn die Seite neu sortiert wird. Die zweite Version wird schrumpfen und reagieren besser

Allerdings, wenn Sie wollen, dass die Behälter die obere Bild passen Sie verwenden müssen class="container-fluid" und class="row-fluid"

Entfernen Sie auch die Abstände zwischen den Spannweiten und Zahlen

class="span 3" 

Sollte sagen

class="span3"