लेआउट खातिर उपयोगिता के बारे में बतावल गइल बा
तेजी से मोबाइल-फ्रेंडली आ रिस्पांसिव डेवलपमेंट खातिर, बूटस्ट्रैप में सामग्री देखावे, छिपावे, संरेखित करे, आ स्पेसिंग करे खातिर दर्जनों यूटिलिटी क्लास शामिल बा।
बदलत बाdisplay
संपत्ति के आम मान के प्रतिक्रियाशील रूप से टॉगल करे खातिर हमनी के प्रदर्शन उपयोगिता के इस्तेमाल करीं। display
एकरा के हमनी के ग्रिड सिस्टम, सामग्री, या घटक के साथ मिला के विशिष्ट व्यूपोर्ट के पार देखावे या छिपावे खातिर।
फ्लेक्सबॉक्स के विकल्प बा
बूटस्ट्रैप 4 के फ्लेक्सबॉक्स के साथ बनावल गइल बा, बाकी हर तत्व के display
बदलल नइखे गइल काहें से display: flex
कि एह से कई गो अनावश्यक ओवरराइड जोड़ल जाई आ अप्रत्याशित रूप से प्रमुख ब्राउजर व्यवहार में बदलाव होखी। हमनी के अधिकांश घटक फ्लेक्सबॉक्स सक्षम के संगे बनावल गईल बा।
का रउआँ के कौनों तत्व में जोड़े के जरूरत होखे के चाहीं display: flex
, अइसन करीं .d-flex
या फिर प्रतिक्रियाशील वेरिएंट सभ में से कौनों एक (उदाहरण खातिर, .d-sm-flex
) करीं। आकार, संरेखण, स्पेसिंग, आ अउरी बहुत कुछ खातिर display
हमनी के अतिरिक्त फ्लेक्सबॉक्स उपयोगिता सभ के इस्तेमाल के अनुमति देवे खातिर रउआँ के ई क्लास भा मान के जरूरत पड़ी ।
मार्जिन आ पैडिंग के बारे में बतावल गइल बा
तत्व आ घटक सभ के स्पेसिंग आ साइज के तरीका से नियंत्रित करे खातिर margin
आ padding
स्पेसिंग यूटिलिटी सभ के इस्तेमाल करीं । बूटस्ट्रैप 4 में स्पेसिंग यूटिलिटीज खातिर पांच स्तर के पैमाना शामिल बा, जवन एगो 1rem
मान डिफ़ॉल्ट $spacer
चर के आधार पर बा। सभ व्यूपोर्ट सभ खातिर मान चुनीं (उदाहरण खातिर, .mr-3
खातिर margin-right: 1rem
), या बिसेस व्यूपोर्ट सभ के लक्ष्य बनावे खातिर रिस्पांसिव वेरिएंट चुनीं (उदाहरण खातिर, ब्रेकपॉइंट से शुरू करे .mr-md-3
खातिर )।margin-right: 1rem
md
टॉगल कइल जावvisibility
जब टॉगल करे display
के जरूरत ना होखे, त रउआ हमनी के दृश्यता उपयोगिताvisibility
के साथ कवनो तत्व के टॉगल कर सकेनी । अदृश्य तत्व सभ अबहियों पन्ना के लेआउट पर असर डालीहें, बाकी बिजिटर लोग से दृष्टिगत रूप से छिपावल जालें।