बूटस्ट्रैप

Question

में कंटेनर, पंक्ति और अवधि के बीच मतभेद ट्विटर बूटस्ट्रैप का उपयोग करते समय, क्या मुझे एक कंटेनर div के भीतर एक पंक्ति div घोंसला करना चाहिए और मेरे सभी स्पैन divs को नेस्टेड पंक्ति में डाल देना चाहिए? क्या यह सबसे अच्छा अभ्यास है?

क्या होगा यदि मैं सीधे अपनी पंक्ति div के भीतर span divs डालता हूं और पंक्ति div को कंटेनर div के अंदर संलग्न नहीं करता हूं?

क्या होगा यदि मैं पंक्ति div का उपयोग किए बिना सीधे मेरे कंटेनर div के भीतर span divs डालता हूं?

मुझे पता है कि एक कंटेनर 940 पीएक्स है और एक पंक्ति 960 पीएक्स है। हालांकि, मैंने ऐसे उदाहरण देखे हैं जहां एक कंटेनर div के भीतर एक पंक्ति div डाल दिया गया है। क्या यह मदद करने जा रहा है या यह प्रदर्शन गन्दा बना देगा?

कृपया मुझे निम्नलिखित परिस्थितियों का पालन करने के लिए सर्वोत्तम तरीकों की व्याख्या करें।

Answer 1

सामान्य तौर पर आप कंटेनर> पंक्ति> काल का प्रयोग करेंगे

मैं एक उदाहरण है जहां अन्य 2 विकल्प आप के बारे में पूछने के लिए कुछ भी टूट जाएगा सोच भी नहीं सकते हैं, लेकिन वे आप परिणाम आप दे नहीं हो सकता है चाहते हैं।

conatiner div में सबकुछ लपेटकर पृष्ठ और साइड पैडिंग की चौड़ाई का प्रबंधन करेगा। पंक्ति div का उपयोग करके यह सुनिश्चित होगा कि आपकी अवधि आपके इच्छित तरीके से तैयार की गई हो। उदाहरण के लिए 2 पंक्तियों की कल्पना करें कि प्रत्येक के पास केवल एक स्पैन 4 है। यदि आप पंक्ति div का उपयोग नहीं करते हैं तो 2 span4s लंबवत रूप से ढेर होने के बजाय दूसरे के आगे एक फ्लोट करेगा।

ऐसे कई मामले हैं जहां आपके पास बूटस्ट्रैप लेआउट में नेस्टेड कंटेनर होंगे, पहली बार आप एनवी बार में आते हैं, और एक बार जब आप तरल बूटस्ट्रैप लेआउट का उपयोग शुरू करते हैं तो आप देखेंगे कि कंटेनर divs हमेशा नहीं होते हैं 940 पीएक्स, लेकिन यदि आप कंटेनर> पंक्ति> अवधि व्यवस्था से चिपके रहते हैं तो यह आपको कुछ दुःख बचाएगा, खासकर यदि आप अभी शुरू कर रहे हैं।

शुभकामनाएं!

Answer 2

आप container का उपयोग कर के बाद से यह सुनिश्चित करेंगे कि कंटेनर में समान रूप से container के बाद से भी मार्जिन के साथ पूरे पृष्ठ भर में केंद्रित है सीएसएस में margin-left:auto;margin-right:auto; है एक container अंदर row होनी चाहिए,।

row का उपयोग करें जब आप spanX एक ही लाइन पर दिखने के लिए चाहते हैं।

spanX जो row के अंदर नहीं हैं, लपेटेंगे।

Here's a demo that will show you the differences

Answer 3

एक row एक container के अंदर जाने के लिए बनाया गया है। ए span को row के अंदर जाने के लिए डिज़ाइन किया गया है।

यदि आप कंटेनर> पंक्ति> अवधि के अलावा किसी अन्य संयोजन के साथ जाते हैं तो प्रतिपादन अप्रत्याशित हो सकता है।

आखिरकार यदि आपका कोड काम करता है, तो आप ठीक कर रहे हैं। अन्य लोगों द्वारा किए गए लॉक होने का कोई कारण नहीं है। लेकिन अगर आप इसे बदलते हैं, तो सुनिश्चित करें कि यह एक अच्छे कारण के लिए है, और आप अपनी विचार प्रक्रिया को समझाने के लिए हर जगह कोड पर टिप्पणी करते हैं।