উত্তর:
বুটস্ট্র্যাপে প্রতিক্রিয়াশীল মার্জিন এবং প্যাডিং ইউটিলিটি ক্লাসের বিস্তৃত পরিসর রয়েছে। তারা সমস্ত ব্রেকপয়েন্টের জন্য কাজ করে:
XS (<= 576px), ছাঃ (> = 576px), MD (> = 768px), এলজি (> = 992px) অথবা XL (> = 1200px))
ক্লাসগুলি বিন্যাসে ব্যবহৃত হয়:
s সম্পত্তি} {পক্ষগুলি} - এক্স এবং {সম্পত্তি} {পক্ষের জন্য {আকার} - এসএম, এমডি, এলজি এবং এক্সএল এর জন্য {ব্রেকপয়েন্ট} - {আকার।।
মি - মার্জিন সেট করে
পি - সেট প্যাডিং
t - মার্জিন-শীর্ষ বা প্যাডিং-শীর্ষ সেট করে
বি - মার্জিন-নীচে বা প্যাডিং-নীচে সেট করে
l - মার্জিন-বাম বা প্যাডিং-বাম সেট করে
r - মার্জিন-ডান বা প্যাডিং-ডান সেট করে
এক্স - প্যাডিং-বাম এবং প্যাডিং-ডান বা প্রান্তিক-বাম এবং মার্জিন-ডান উভয়ই সেট করে
y - প্যাডিং-শীর্ষ এবং প্যাডিং-নীচে বা মার্জিন-শীর্ষ এবং মার্জিন-নীচে উভয়ই সেট করে
ফাঁকা - উপাদানটির 4 টি দিকে মার্জিন বা প্যাডিং সেট করে
0 - মার্জিন বা প্যাডিং 0 এ সেট করে
1 - মার্জিন বা প্যাডিং .25 রেটে সেট করে (4px যদি ফন্ট-আকার 16px হয়)
2 - মার্জিন বা প্যাডিং .5rem এ সেট করে (8px যদি ফন্ট-আকার 16px হয়)
3 - মার্জিন বা প্যাডিং সেট করে রেটে (ফন্ট-আকার 16px হলে 16px)
4 - মার্জিন বা প্যাডিং 1.5 রেটে সেট করে (ফন্ট-আকার 16px হলে 24px)
5 - মার্জিন বা প্যাডিং 3 রেমে সেট করে (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 তে নির্ধারণ করে like mt-4
5
- (ডিফল্টরূপে) ক্লাসগুলির জন্য যা মার্জিনটি $ স্পেসার * 3 তে নির্ধারণ করে mt-5
auto
- ক্লাসের জন্য যা অটোকে মার্জিন সেট করে, যেমন mx-auto
মি - মার্জিন সেট করে
পি - সেট প্যাডিং
t - মার্জিন-শীর্ষ বা প্যাডিং-শীর্ষ সেট করে
বি - মার্জিন-নীচে বা প্যাডিং-নীচে সেট করে
l - মার্জিন-বাম বা প্যাডিং-বাম সেট করে
r - মার্জিন-ডান বা প্যাডিং-ডান সেট করে
এক্স - প্যাডিং-বাম এবং প্যাডিং-ডান বা প্রান্তিক-বাম এবং মার্জিন-ডান উভয়ই সেট করে
y - প্যাডিং-শীর্ষ এবং প্যাডিং-নীচে বা মার্জিন-শীর্ষ এবং মার্জিন-নীচে উভয়ই সেট করে
ফাঁকা - উপাদানটির 4 টি দিকে মার্জিন বা প্যাডিং সেট করে
0 - মার্জিন বা প্যাডিং 0 এ সেট করে
1 - মার্জিন বা প্যাডিং .25 রেটে সেট করে (4px যদি ফন্ট-আকার 16px হয়)
2 - মার্জিন বা প্যাডিং .5rem এ সেট করে (8px যদি ফন্ট-আকার 16px হয়)
3 - মার্জিন বা প্যাডিং 1 রেটে সেট করে (ফন্ট-আকার 16px হলে 16px)
4 - মার্জিন বা প্যাডিং 1.5 রেটে সেট করে (ফন্ট-আকার 16px হলে 24px)
5 - মার্জিন বা প্যাডিং 3 রেমে সেট করে (48px যদি ফন্ট-আকার 16px হয়)
অটো - অটোতে মার্জিন সেট করে