"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > बूटस्ट्रैप वर्ग \"mb-0\" किसी तत्व के मार्जिन को कैसे प्रभावित करता है?

बूटस्ट्रैप वर्ग \"mb-0\" किसी तत्व के मार्जिन को कैसे प्रभावित करता है?

2024-11-04 को प्रकाशित
ब्राउज़ करें:221

How does the Bootstrap class \

बूटस्ट्रैप 4 में क्लास = "एमबी-0" को समझना

बूटस्ट्रैप 4 विभिन्न स्क्रीन आकारों में मार्जिन और पैडिंग के प्रबंधन के लिए व्यापक उपयोगिता कक्षाएं प्रदान करता है, जिसे एमबी के रूप में जाना जाता है ( मार्जिन बॉटम) कक्षाएं। ये कक्षाएं अलग-अलग व्यूपोर्ट के लिए तत्व रिक्ति सेट करने में लचीलापन प्रदान करती हैं, जैसा कि नीचे वर्णित है:

class='mb-0' को समझना

कक्षा='mb-0' विशेष रूप से किसी तत्व के निचले मार्जिन को लक्षित करता है और इसे 0 पर सेट करता है। यह वर्ग मार्जिन उपयोगिता वर्ग श्रेणी के अंतर्गत आता है और इसका उपयोग निचले मार्जिन को पूरी तरह से हटाने के लिए किया जाता है।

बूटस्ट्रैप मार्जिन और पैडिंग यूटिलिटी क्लास प्रारूप

बूटस्ट्रैप अपने मार्जिन और पैडिंग उपयोगिता वर्गों के लिए एक सुसंगत नामकरण परंपरा का उपयोग करता है:

{property}{sides}-{size} या {property }{पक्ष}-{ब्रेकपॉइंट}-{आकार}

संपत्ति:

  • मार्जिन के लिए मी
  • पैडिंग के लिए पी

पक्ष:

  • शीर्ष के लिए टी
  • नीचे के लिए बी
  • बाएं के लिए एल
  • r दाएं के लिए
  • x बाएं और दाएं के लिए
  • y ऊपर और नीचे के लिए

ब्रेकप्वाइंट:

  • xs for
  • sm for >=576px
  • md for >=768px
  • lg for >=992px
  • xl for > =1200px

आकार:

  • 0 एक मार्जिन या पैडिंग को 0 पर सेट करता है
  • 1 एक मार्जिन या पैडिंग को 0 पर सेट करता है। 25rem (4px)
  • 2 एक मार्जिन या पैडिंग को .5rem (8px) पर सेट करता है
  • 3 एक मार्जिन या पैडिंग को 1rem (16px) पर सेट करता है
  • 4 एक मार्जिन या पैडिंग सेट करता है 1.5rem (24px) पर पैडिंग
  • 5 मार्जिन या पैडिंग को 3rem (48px) पर सेट करता है
  • ऑटो मार्जिन को ऑटो पर सेट करता है

उदाहरण उपयोग

Lorem ipsum

यह कोड पैराग्राफ तत्व पर class='mb-0' लागू करता है, इसके निचले मार्जिन को हटा रहा है। ](https://getbootstrap.com/docs/4.5/utilities/spacing/)

[w3schools: बूटस्ट्रैप मार्जिन और पैडिंग क्लासेस](https://www.w3schools.com/bootstrap4/bootstrap_margin_padding.asp )

नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3