बूटस्ट्रैप ग्रिड कक्षाओं में संख्याओं को समझना: col-md-4, col-xs-1, col-lg-2

बूटस्ट्रैप फ्रेमवर्क एक मजबूत ग्रिड प्रणाली पेश करता है जो उत्तरदायी लेआउट के निर्माण की सुविधा प्रदान करता है। इस प्रणाली का अभिन्न अंग col-* प्रारूप वाली कक्षाएं हैं, जहां तारांकन एक संख्या का प्रतिनिधित्व करता है। ये संख्याएँ यह निर्धारित करने में महत्वपूर्ण भूमिका निभाती हैं कि ग्रिड के भीतर तत्व कैसे संरेखित होते हैं और वे विभिन्न स्क्रीन आकारों पर कैसे प्रतिक्रिया करते हैं।

संख्याएँ ग्रिड को कैसे संरेखित करती हैं?

col-* वर्ग में संख्या उपलब्ध चौड़ाई के उस हिस्से का प्रतिनिधित्व करती है जिस पर संबंधित तत्व का कब्जा होना चाहिए। ग्रिड पंक्ति की कुल चौड़ाई को 12 स्तंभों में विभाजित किया गया है, और वर्ग में संख्या उन स्तंभों की संख्या को इंगित करती है जिन पर तत्व फैलेगा।

उदाहरण के लिए, col-4 का अर्थ है कि तत्व 4 स्तंभों में फैलेगा , या उपलब्ध चौड़ाई का 1/3। col-12 सभी 12 कॉलमों को लेते हुए पूरी चौड़ाई में फैल जाएगा। ग्रिड पंक्ति. उदाहरण के लिए, एक पंक्ति के भीतर दो समान-चौड़ाई वाले कॉलम बनाने के लिए, आप इसका उपयोग करेंगे:

Column 1
Column 2

Column 1
Column 2
Column 3

xs: अतिरिक्त छोटा (मोबाइल डिवाइस)

• lg: बड़े (बड़े डेस्कटॉप)
• असाइन करके एक तत्व के लिए एकाधिक col-* कक्षाएं, आप यह नियंत्रित कर सकते हैं कि यह इनमें से प्रत्येक स्क्रीन आकार पर कैसे व्यवहार करता है। उदाहरण के लिए, col-6 col-sm-4 का अर्थ है कि तत्व मोबाइल स्क्रीन पर आधी चौड़ाई और टैबलेट और डेस्कटॉप पर 1/3 चौड़ाई तक फैला होगा।
• निष्कर्ष

उत्तरदायी और अनुकूली वेब लेआउट बनाने के लिए बूटस्ट्रैप ग्रिड कक्षाओं में संख्याओं और उपसर्गों को समझना आवश्यक है। कोल-* कक्षाओं का प्रभावी ढंग से लाभ उठाकर, डेवलपर्स यह सुनिश्चित कर सकते हैं कि उनके डिज़ाइन विभिन्न स्क्रीन आकारों पर निर्बाध रूप से प्रतिक्रिया करते हैं, जिससे सभी उपकरणों पर एक सुसंगत उपयोगकर्ता अनुभव मिलता है।