Source

लेआउट लेई उपयोगिताएं

तेज़ मोबाइल-अनुकूल ते प्रतिक्रियाशील विकास आस्तै, बूटस्ट्रैप च सामग्री गी दस्सने, छिपाने, संरेखित करने, ते स्पेस करने आस्तै दर्जन भर उपयोगिता वर्ग शामल न।

बदलदा ऐ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: 1remmd

टॉगल करोvisibility

जदूं टॉगल displayकरने दी लोड़ नेईं ऐ , तां तुस साढ़ी दृश्यता उपयोगिताएंvisibility कन्नै इक तत्व दे टॉगल करी सकदे ओ . अदृश्य तत्व अजें बी पृष्ठ दे लेआउट गी प्रभावित करङन, पर आगंतुकें थमां नेत्रहीन रूप कन्नै छिपे दे न।