लेआउटसाठी उपयुक्तता

बदलत आहेdisplay

मालमत्तेची सामान्य मूल्ये प्रतिसादात्मकपणे टॉगल करण्यासाठी आमच्या प्रदर्शन उपयुक्तता वापरा . displayविशिष्ट व्ह्यूपोर्टवर दर्शविण्यासाठी किंवा लपवण्यासाठी ते आमच्या ग्रिड सिस्टम, सामग्री किंवा घटकांसह मिसळा.

फ्लेक्सबॉक्स पर्याय

बूटस्ट्रॅप फ्लेक्सबॉक्ससह तयार केला आहे, परंतु प्रत्येक घटक displayबदलला नाही display: flexकारण यामुळे अनेक अनावश्यक ओव्हरराइड्स जोडले जातील आणि मुख्य ब्राउझर वर्तन अनपेक्षितपणे बदलतील. आमचे बरेचसे घटक flexbox सक्षम असलेले तयार केलेले आहेत.

display: flexतुम्‍हाला एखादे घटक जोडण्‍याची आवश्‍यकता असल्‍यास , असे .d-flexप्रतिसाद देण्‍याच्‍या प्रकारांपैकी एकासह करा (उदा., .d-sm-flex). आकारमान, संरेखन, अंतर आणि अधिकसाठी आमच्या अतिरिक्त फ्लेक्सबॉक्स युटिलिटीजचाdisplay वापर करण्याची परवानगी देण्यासाठी तुम्हाला या वर्गाची किंवा मूल्याची आवश्यकता असेल .

मार्जिन आणि पॅडिंग

घटक आणि घटक अंतर आणि आकार कसे आहेत हे नियंत्रित करण्यासाठी marginआणि padding अंतर वापरा . 1remबूटस्ट्रॅपमध्ये व्हॅल्यू डीफॉल्ट $spacerव्हेरिएबलवर आधारित, स्पेसिंग युटिलिटीसाठी सहा-स्तरीय स्केल समाविष्ट आहे . सर्व व्ह्यूपोर्ट्ससाठी मूल्ये निवडा (उदा., .me-3LTR margin-right: 1remमधील) किंवा विशिष्ट व्ह्यूपोर्टला लक्ष्य करण्यासाठी प्रतिसादात्मक रूपे निवडा (उदा. LTR .me-md-3मध्ये —ब्रेकपॉइंटपासून margin-right: 1remसुरू होणारी md).

टॉगल कराvisibility

टॉगल displayकरण्याची आवश्यकता नसताना, तुम्ही आमच्या दृश्यमानता युटिलिटीसहvisibility घटक टॉगल करू शकता . अदृश्य घटक अद्याप पृष्ठाच्या लेआउटवर परिणाम करतील, परंतु ते अभ्यागतांपासून दृष्यदृष्ट्या लपलेले आहेत.