2014-10-20 11 views
61

मेरा समझ यह है कि सभी बूटस्ट्रैप-स्टाइल तत्व <div class="container"> तत्व के अंदर मौजूद होना चाहिए। लेकिन कभी कभी मैं बूटस्ट्रैप उदाहरण हैं, जहां कई "कंटेनरों" देखते हैं देखें:एकाधिक और/या नेस्टेड बूटस्ट्रैप कंटेनर?

<div class="container"> 
    <!-- Blah, GUI stuff, blah --> 
</div> 

... 

<div class="container"> 
    <!-- Blah, more GUI stuff, blah --> 
</div> 

मेरे सवालों का:

  1. जब आप कभी एकाधिक "कंटेनर divs" के साथ एक एकल HTML पृष्ठ की आवश्यकता होगी? इस प्रस्ताव को पूरे शरीर को एक बड़े "कंटेनर div" के अंदर रखने के विरोध में क्या लाभ है?
  2. क्या आप कभी भी अन्य लोगों के अंदर "कंटेनर divs" घोंसला करना चाहते हैं? कब क्यों?
+1

आप एक पूर्ण-चौड़ाई हिंडोला यह कैप्शन के लिए इस्तेमाल किया है, तो यह एक कंटेनर में नहीं होना चाहिए कंटेनर नहीं है प्रयोग कर रहे हैं। इसके कारण आप इसके ऊपर एक कंटेनर और उसके नीचे एक कंटेनर रख सकते हैं। – Aibrean

+1

जबकि @ क्रिस्टीना सही है कि दस्तावेज़ कहते हैं कि आप कंटेनर घोंसला नहीं करते हैं, कभी-कभी इसका उपयोग और उपयोगी होता है। घोंसले पर अतिरिक्त जानकारी के लिए http://stackoverflow.com/questions/29660034/nesting-a-container-class-inside-a-container-fluid-class-in-bootstrap-3 देखें। – gidmanma

उत्तर

67
  1. पेज के कुछ वर्गों पूर्ण व्यूपोर्ट चौड़ाई अवधि करेंगे और दूसरों को नहीं होगा। कुछ पृष्ठभूमि पूर्ण चौड़ाई होगी लेकिन सामग्री नहीं होगी।

    इसका एक उदाहरण एक फीचरटे क्षेत्र है जिसमें पृष्ठभूमि छवि या रंग है जो व्यूपोर्ट की पूरी चौड़ाई है लेकिन उसमें मौजूद सामग्री, रूपों या जो भी हो, किसी भी व्यूपोर्ट चौड़ाई पर .container से अधिक न हो।

  2. आप .container या .container-fluid घोंसला नहीं करते हैं - docs देखें। यह आवश्यक नहीं है।

    डॉक्स: बूटस्ट्रैप को साइट सामग्री को लपेटने और हमारे ग्रिड सिस्टम को रखने के लिए एक युक्त तत्व की आवश्यकता होती है। आप अपनी परियोजनाओं में का उपयोग करने के लिए दो कंटेनरों में से एक चुन सकते हैं। ध्यान दें कि, पैडिंग और अधिक के कारण, न तो कंटेनर घोंसला है [न तो इसका मतलब है। कंटेनर और। कंटेनर-तरल पदार्थ को घोंसला नहीं दिया जाना चाहिए]।

+1

मुख्य रूप से नौसेना बार या किसी प्रकार के बैनर जैसे कुछ के लिए 'कंटेनर-तरल पदार्थ' होता है जबकि मुख्य साइट '.container' के अंदर बैठती है। – DavidG

+2

@ डेविड जी हाँ, और फिर आपके पास डबल पैडिंग है।डॉक्स: बूटस्ट्रैप को साइट सामग्री को लपेटने और हमारे ग्रिड सिस्टम को घर बनाने के लिए एक युक्त तत्व की आवश्यकता होती है। आप अपनी परियोजनाओं में उपयोग करने के लिए दो कंटेनरों में से एक चुन सकते हैं। ध्यान दें कि, पैडिंग और अधिक के कारण, न तो कंटेनर घोंसला है। http://getbootstrap.com/css/ – Christina

+0

मेरा मतलब निश्चित रूप से घोंसला नहीं है। – DavidG

4

असल में इसकी पूरी तरह से डिजाइनर की आवश्यकता पर निर्भर करता है।

कभी-कभी आप पंक्ति

http://binarytheme.com/demos?theme=bootsrap-landing-page-blue

टेम्पलेट उदाहरण ऊपर देखें

को समझने के लिए (i व्यूपोर्ट या है कि आप अलग कंटेनर वर्ग के बिना हासिल कर सकते हैं दृश्य भाग की एक पट्टी कहने के लिए मतलब) की पूरी चौड़ाई की जरूरत है
5

कुछ लोगों ने जो कहा है, उसके विपरीत, आप के अंदर container-fluid घोंसला कर सकते हैं। यहां तक ​​कि सरकारी बूटस्ट्रैप वेबसाइट पर एक उदाहरण है:

http://getbootstrap.com/examples/navbar/

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