लेआउट खातिर उपयोगिता के बारे में बतावल गइल बा
तेजी से मोबाइल-फ्रेंडली आ रिस्पांसिव डेवलपमेंट खातिर, बूटस्ट्रैप में सामग्री देखावे, छिपावे, संरेखित करे, आ स्पेसिंग करे खातिर दर्जनों यूटिलिटी क्लास शामिल बा।
संपत्ति के आम मान के प्रतिक्रियाशील रूप से टॉगल करे खातिर हमनी के प्रदर्शन उपयोगिता के इस्तेमाल करीं। 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: 1remmd
जब टॉगल करे displayके जरूरत ना होखे, त रउआ हमनी के दृश्यता उपयोगिताvisibility के साथ कवनो तत्व के टॉगल कर सकेनी । अदृश्य तत्व सभ अबहियों पन्ना के लेआउट पर असर डालीहें, बाकी बिजिटर लोग से दृष्टिगत रूप से छिपावल जालें।