बूटस्ट्रैप 4 में वर्ग = "mb-0" क्या है?


138

नवीनतम documention है:

<p class="mb-0">Lorem ipsum</p>

Q: mb-0 क्या है?


1
मुझे पता है कि आपका क्या मतलब है, जाहिर है कि मेरे सभी सवाल मूर्ख भी हैं: /
रिचर्ड मुथविल

6
यह सब समय के बारे में है। यह सवाल 2017 में पूछा गया था।
फिलिप सेन

जवाबों:


247

बूटस्ट्रैप में उत्तरदायी मार्जिन और गद्दी उपयोगिता वर्ग की एक विस्तृत श्रृंखला है। वे सभी ब्रेकप्वाइंट के लिए काम करते हैं:

xs (<= 576px), sm (> = 576px), md (> = 768px), lg (> = 992px) या xl (> = 1200px))

कक्षाएं प्रारूप में उपयोग की जाती हैं:

{संपत्ति} {पक्ष} - {आकार} के लिए xs & {संपत्ति} {पक्ष} - {ब्रेकपॉइंट} - {आकार} के लिए sm, md, lg, और xl।

m - सेट मार्जिन

p - पैडिंग सेट करता है


t - सेट टॉप-मार्जिन या पेडिंग-टॉप

b - मार्जिन-बॉटम या पेडिंग-बॉटम सेट करता है

l - मार्जिन-लेफ्ट या पेडिंग-लेफ्ट सेट करता है

r - सेट-मार्जिन-राइट या पेडिंग-राइट

x - पैडिंग-लेफ्ट और पेडिंग-राइट या मार्जिन-लेफ्ट और मार्जिन-राइट दोनों सेट करता है

y - पैडिंग-टॉप और पैडिंग-बॉटम या मार्जिन-टॉप और मार्जिन-बॉटम दोनों सेट करता है

रिक्त - तत्व के सभी 4 पक्षों पर एक मार्जिन या पैडिंग सेट करता है


0 - सेट मार्जिन या पैडिंग 0

1 - सेट मार्जिन या पैडिंग टू .25rem (4px अगर फॉन्ट-साइज़ 16px है)

2 - सेट मार्जिन या पैडिंग .5rem (8px अगर फॉन्ट-साइज़ 16px है)

3 - सेट मार्जिन या पैडिंग 1rem (16px अगर फ़ॉन्ट-आकार 16px है)

4 - सेट मार्जिन या पैडिंग 1.5rem (24px अगर फ़ॉन्ट-आकार 16px है)

5 - सेट मार्जिन या गद्दी 3rem (48px अगर फ़ॉन्ट आकार 16px है)

ऑटो - ऑटो के लिए मार्जिन सेट करता है

बूटस्ट्रैप 4.5 पर अधिक देखें - रिक्ति

W3schools में और पढ़ें


8
बूटस्ट्रैप 4 में क्लास mb-0 मार्जिन-बॉटम के बराबर है: 0px; क्या यह अच्छा लगता है?
आकाश प्रीत

51

इसका उपयोग 0 ( margin-bottom:0) के निचले मार्जिन को बनाने के लिए किया जाता है । आप यहां नई रिक्ति उपयोगिता कक्षाओं को देख सकते हैं: https://getbootstrap.com/docs/4.0/utilities/spacing/

संबंधित: मैं बूटस्ट्रैप 4 पर रिक्ति उपयोगिता वर्ग का उपयोग कैसे करूं


4
मूल डॉक्स का लिंक प्रदान करने के लिए धन्यवाद। मैं ज्यादा नहीं बल्कि स्रोत से सीधे पढ़ने के बजाय एक 3 पार्टी के माध्यम से जा रहा हूँ, जैसे w3schools!
पबरानिस

8

m - मार्जिन सेट करने वाली कक्षाओं के लिए, इस तरह:

  • mt - निर्धारित वर्गों के लिए margin-top
  • mb - निर्धारित वर्गों के लिए margin-bottom
  • ml - निर्धारित वर्गों के लिए margin-left
  • mr - निर्धारित वर्गों के लिए margin-right
  • mx- उन कक्षाओं के लिए जो दोनों सेट करते हैं margin-leftऔरmargin-right
  • my- उन कक्षाओं के लिए जो दोनों सेट करते हैं margin-topऔरmargin-bottom

जहां आकार मार्जिन में से एक है:

  • 0 - वर्गों के लिए जो इसे 0 पर सेट करके मार्जिन को खत्म करते हैं, जैसे mt-0
  • 1 - (डिफ़ॉल्ट रूप से) उन वर्गों के लिए, जो मार्जिन को $ स्पेसर * .25, जैसे सेट करते हैं mt-1
  • 2 - (डिफ़ॉल्ट रूप से) उन वर्गों के लिए जो मार्जिन को $ स्पेसर में सेट करते हैं। * .5, जैसे mt-2
  • 3 - (डिफ़ॉल्ट रूप से) उन वर्गों के लिए जो मार्जिन को $ स्पेसर की तरह सेट करते हैं, जैसे mt-3
  • 4 - (डिफ़ॉल्ट रूप से) उन वर्गों के लिए जो मार्जिन को $ स्पेसर में सेट करते हैं * 1.5, जैसे mt-4
  • 5 - (डिफ़ॉल्ट रूप से) उन वर्गों के लिए, जो मार्जिन को $ स्पेसर * 3, जैसे सेट करते हैं mt-5
  • auto - उन वर्गों के लिए जो ऑटो को मार्जिन सेट करते हैं, जैसे mx-auto

-1

m - सेट मार्जिन

p - पैडिंग सेट करता है

t - सेट टॉप-मार्जिन या पेडिंग-टॉप

b - सेट करता है मार्जिन-बॉटम या पेडिंग-बॉटम

l - मार्जिन-लेफ्ट या पेडिंग-लेफ्ट सेट करता है

r - सेट-मार्जिन-राइट या पेडिंग-राइट

x - पैडिंग-लेफ्ट और पेडिंग-राइट या मार्जिन-लेफ्ट और मार्जिन-राइट दोनों सेट करता है

y - पैडिंग-टॉप और पैडिंग-बॉटम या मार्जिन-टॉप और मार्जिन-बॉटम दोनों सेट करता है

रिक्त - तत्व के सभी 4 पक्षों पर एक मार्जिन या पैडिंग सेट करता है

0 - सेट मार्जिन या पैडिंग 0

1 - सेट मार्जिन या पैडिंग टू .25rem (4px अगर फॉन्ट-साइज़ 16px है)

2 - सेट मार्जिन या पैडिंग .5rem (8px अगर फॉन्ट-साइज़ 16px है)

3 - सेट मार्जिन या पैडिंग 1rem (16px अगर फ़ॉन्ट-आकार 16px है)

4 - सेट मार्जिन या पैडिंग 1.5rem (24px अगर फ़ॉन्ट-आकार 16px है)

5 - सेट मार्जिन या गद्दी 3rem (48px अगर फ़ॉन्ट-आकार 16px है)

ऑटो - ऑटो के लिए मार्जिन सेट करता है

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.