2012-06-26 22 views
17

Ich habe Bootstrap für ein paar Monate verwendet und versuche, etwas als Teil der Best Practices zu klären.Twitter Bootstrap Container

Meine Frage ist, ich erstellen einen Container für jede Zeile oder nur einen großen Container für die ganze Seite.

Example1 (Geschlossener Container)

<div class="container"> 
    <div class="row"> 
     <div class="span8 offest2"> 
      <h1>Content</h1> 
     </div> 
    </div> 
</div> 


<div class="container"> 
    <div class="row"> 
     <div class="span8 offest2"> 
      <h1>More Content</h1> 
     </div> 
    </div> 
</div> 

Beispiel 2 (1 große Behälter)

<div class="container"> 

    <div class="row"> 
     <div class="span8 offest2"> 
      <h1>Content</h1> 
     </div> 
    </div> 

    <div class="row"> 
     <div class="span8 offest2"> 
      <h1>Content</h1> 
     </div> 
    </div> 

</div> 

Jede Hilfe willkommen, wollen gerade nicht früh in schlechte Gewohnheiten bekommen auf

+1

Ich denke, die Antwort ist eigentlich Beispiel 1. Sagen Sie, Ihr Entwurf hat eine Überschrift, die "Container-Flüssigkeit" + "Zeile-Flüssigkeit" sein muss, aber der Hauptinhaltsbereich soll behoben werden, dann muss die Fußzeile wieder flüssig sein. Sie werden wahrscheinlich mit 3 Behältern besser dran sein. – StackOverflowNewbie

Antwort

13

würde ich empfehle das zweite Beispiel. In der ersten haben Sie doppelten Code, der keinen Sinn macht. Denken Sie immer an das Prinzip "Wiederhole dich nicht".

16

Mehrere Zeilen können logisch Teil des gleichen Rasters sein, wie Zeilen in einer Tabelle. Der Container repräsentiert ein Raster. So wäre Beispiel 2 der Weg zu gehen.