लेआउट के लिये उपयोगिताएँ

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

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