लेआउट लेई उपयोगिताएं
तेज़ मोबाइल-अनुकूल ते प्रतिक्रियाशील विकास आस्तै, बूटस्ट्रैप च सामग्री गी दस्सने, छिपाने, संरेखित करने, ते स्पेस करने आस्तै दर्जन भर उपयोगिता वर्ग शामल न।
बदलदा ऐ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
कन्नै इक तत्व दे टॉगल करी सकदे ओ . अदृश्य तत्व अजें बी पृष्ठ दे लेआउट गी प्रभावित करङन, पर आगंतुकें थमां नेत्रहीन रूप कन्नै छिपे दे न।