Twitter Bootstrap - Tam genişlikte arkaplan (resim)

Question

Bir projeye paramle katılıyorum ve yanıt veren kılavuz dahil olmak üzere harika Twitter Bootrtrap'ı deniyorum. Bir sorun dışında tüm işler iyi ve zeki.

Arka plan rengine .container (ızgarayı tutan) nasıl verirsiniz? Örnek: Ben kaba bir renk eklediğinizde

<div class="container green"> 
    <div class="row"> 
     <div class="span6"> 
      <p>This is a test</p> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="span6"> 
      <p>This is a test</p> 
     </div> 
    </div> 
</div> 

.green{ 
background:green; 
} 

o yeşile ama 20px hakkında, sol tarafta bir marj bırakır olacaktır. Tam genişlikte bir arka planı nasıl uygularım?

Answer 1

her satır içi span sınıfları karşılamak için sola;

.row { 
    margin-left: -20px; 
} 

Sadece seçtiğiniz arka plan rengiyle başka bir kaba, şöyle ile .container div sararak o aşmak edebilirsiniz: şu şekildedir: o sınıf okur

HTML

<div class="green"> 
    <div class="container"> 
     <div class="row"> 
      <div class="span6"> 
       <p>This is a test</p> 
      </div> 
     </div> 
     <div class="row"> 
      <div class="span6"> 
       <p>This is a test</p> 
      </div> 
     </div> 
    </div> 
</div> 

CSS

.green{ 
    background:green; 
} 

Answer 2

deneyin görüyorsanız marjı nedeniyle ızgara sisteminin .row sınıf parçası dan 20px kaldırır gerçeğine olduğunu Yani

body { 
    background-color: green; 
} 

.container { 
    background-color: transparent; 
} 

Answer 3

Bunu deneyin, benim için çalışması, kodunuzu böyle sarmalayın.

<div class="rowWrp"> 
    <div class="row colorBg"> 
     <div class="span6"> 
      <p>This is a test</p> 
     </div> 
    </div> 
</div> 

CSS it: Burada

.colorBg { 
    background:red; 
    } 

.rowWrp { 
    background:red; 
    width:940px; 
    padding-right:20px; 
    } 

Bence sabit düzeni kullanmak varsayalım.