ट्विटर बूटस्ट्रैप - पूर्ण चौड़ाई पृष्ठभूमि (छवि)

Question

मैं एक परियोजना पर उत्सुकता से हूं और मैं उत्तरदायी ग्रिड सहित भयानक ट्विटर बूटट्रैप को आजमा रहा हूं। सभी एक मुद्दे को छोड़कर ठीक और बेवकूफ काम करता है।

आप .container (जो ग्रिड धारण करता है) को पृष्ठभूमि रंग कैसे देते हैं? उदाहरण:

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

जब मैं कंटेनर में एक रंग जोड़ने यह हरे हो जाते हैं लेकिन बाईं ओर एक मार्जिन छोड़ देता है, 20px के बारे में होगा। मैं पूर्ण चौड़ाई पृष्ठभूमि कैसे कार्यान्वित करूं?

Answer 1

मार्जिन आप देख रहे हैं तथ्य यह है कि ग्रिड प्रणाली के .row वर्ग हिस्से से 20px को हटा के कारण है कि प्रत्येक पंक्ति के अंदर span कक्षाओं को समायोजित करने के लिए छोड़ दिया;

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

तुम सिर्फ अपनी पसंद की पृष्ठभूमि का रंग के साथ एक और कंटेनर, इसलिए तरह के साथ अपने .container div लपेटकर कि दरकिनार कर सकते हैं:: उस वर्ग के रूप में पढ़ता

एचटीएमएल

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

सीएसएस

.green{ 
    background:green; 
} 

Answer 2

प्रयास करें

body { 
    background-color: green; 
} 

.container { 
    background-color: transparent; 
} 

Answer 3

इसे आज़माएं, मेरे लिए यह काम, इस तरह अपना कोड लपेटें।

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

यह सीएसएस:

.colorBg { 
    background:red; 
    } 

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

यहाँ मैं हम निश्चित लेआउट का उपयोग मान।