जवाबों:
बूटस्ट्रैप में उत्तरदायी मार्जिन और गद्दी उपयोगिता वर्ग की एक विस्तृत श्रृंखला है। वे सभी ब्रेकप्वाइंट के लिए काम करते हैं:
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 पर अधिक देखें - रिक्ति
इसका उपयोग 0 ( margin-bottom:0
) के निचले मार्जिन को बनाने के लिए किया जाता है । आप यहां नई रिक्ति उपयोगिता कक्षाओं को देख सकते हैं: https://getbootstrap.com/docs/4.0/utilities/spacing/
संबंधित: मैं बूटस्ट्रैप 4 पर रिक्ति उपयोगिता वर्ग का उपयोग कैसे करूं
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
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 है)
ऑटो - ऑटो के लिए मार्जिन सेट करता है