2012-06-26 29 views
17

Birkaç ay boyunca bootstrap kullanıyordum ve en iyi uygulamaların bir parçası olarak bir şeyi açıklığa kavuşturmak istiyorum.Twitter Bootstrap Containers

Sorum, her satır için bir kapsayıcı mı yoksa tüm sayfa için yalnızca bir büyük kapsayıcı mı oluşturuyor.

Example1 (Kapalı kaplar)

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

Örnek 2 (1 büyük konteyner)

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

takdir Herhangi bir yardım, sadece

+1

Bence cevap aslında Örnek 1'dir. Tasarımınızın 'container-fluid' + 'row-fluid' olması gereken bir üstbilgiye sahip olduğunu, ancak ana içerik alanının sabitlenmesi gerektiğini varsayalım, sonra altbilginin tekrar sıvı ol. Muhtemelen 3 konteyner ile daha iyi olacaktır. – StackOverflowNewbie

cevap

13

erken kötü alışkanlıklar kazanmak istemiyorum isterim ikinci örneği tavsiye edin. İlkinde, gerçek bir anlam taşımayan yinelenen kodunuz var. Her zaman "Kendini tekrar etme" ilkesini düşün.

16

Birden fazla satır, bir tablodaki satırlar gibi aynı kılavuzun parçası olabilir. .container bir ızgarayı temsil eder. Öyleyse, Örnek 2, gitmenin yolu olacaktı.