2012-06-26 12 views
17

मैं कुछ महीनों के लिए बूटस्ट्रैप का उपयोग कर रहा हूं और सर्वोत्तम प्रथाओं के हिस्से के रूप में कुछ स्पष्ट करने के लिए देख रहा हूं।ट्विटर बूटस्ट्रैप कंटेनर

मेरा प्रश्न है कि मैं प्रत्येक पंक्ति के लिए एक कंटेनर बनाता हूं या पूरे पृष्ठ के लिए केवल एक बड़ा कंटेनर बनाता हूं।

example1 (बंद कंटेनर)

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

उदाहरण 2 (1 बड़े कंटेनर)

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

किसी भी मदद की सराहना की, बस न

+1

मुझे लगता है कि उत्तर वास्तव में उदाहरण है 1. कहें कि आपके डिज़ाइन में एक शीर्षलेख है जिसे 'कंटेनर-तरल पदार्थ' + 'पंक्ति-तरल पदार्थ' होना आवश्यक है, लेकिन मुख्य सामग्री क्षेत्र को ठीक किया जाना चाहिए, तो पाद लेख को फिर तरल पदार्थ हो। आप शायद 3 कंटेनरों के साथ बेहतर हो जाएगा। – StackOverflowNewbie

उत्तर

13

पर जल्दी बुरी आदतों में प्राप्त करना चाहते हैं मैं करूंगा दूसरे उदाहरण की सिफारिश करें। पहले आपके पास डुप्लिकेट कोड है जो कोई वास्तविक ज्ञान नहीं बनाता है। हमेशा "दोहराना न करें" सिद्धांत के बारे में सोचें।

16

एकाधिक पंक्तियां एक तालिका में पंक्तियों की तरह, एक ही ग्रिड का तार्किक रूप से हिस्सा हो सकती हैं। .container एक ग्रिड का प्रतिनिधित्व करता है। तो उदाहरण 2 जाने का रास्ता होगा।

संबंधित मुद्दे