বুটস্ট্র্যাপ 4 এ ক্লাস = "এমবি -0" কি?


138

সর্বশেষ documention আছে:

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

প্রশ্ন: এমবি -0 কী?


1
আমি কী বলতে চাইছি তা আমি জানি, সম্ভবত আমার সমস্ত প্রশ্নও বোকা: /
রিচার্ড মথউইল

6
এটা সব সময় সম্পর্কে। এই প্রশ্নটি 2017 সালে জিজ্ঞাসা করা হয়েছিল।
ফিলিপ সেন

উত্তর:


245

বুটস্ট্র্যাপে প্রতিক্রিয়াশীল মার্জিন এবং প্যাডিং ইউটিলিটি ক্লাসের বিস্তৃত পরিসর রয়েছে। তারা সমস্ত ব্রেকপয়েন্টের জন্য কাজ করে:

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 এ আরও দেখুন - ব্যবধান

W3schools আরও পড়ুন


8
বুটস্ট্র্যাপ 4 এ ক্লাস এমবি-0 মার্জিন-নীচের সমতুল্য: 0 পিএক্স; এটা কি ভাল লাগছে?
আকাশ প্রীত

51

এটি 0 ( margin-bottom:0) এর নীচের মার্জিন তৈরি করতে ব্যবহৃত হয় । নতুন স্পেসিং ইউটিলিটি ক্লাসগুলির আরও আপনি এখানে দেখতে পাবেন: https://getbootstrap.com/docs/4.0/utilities/spacing/

সম্পর্কিত: আমি বুটস্ট্র্যাপ 4-এ স্পেসিং ইউটিলিটি ক্লাসগুলি কীভাবে ব্যবহার করব


4
মূল ডক্সে একটি লিঙ্ক সরবরাহ করার জন্য ধন্যবাদ। আমি ডাব্লু 3 স্কুলগুলির মতো তৃতীয় পক্ষের পরিবর্তে উত্স থেকে সরাসরি পড়তে চাই!
পবারানিস

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 তে নির্ধারণ করে like mt-4
  • 5 - (ডিফল্টরূপে) ক্লাসগুলির জন্য যা মার্জিনটি $ স্পেসার * 3 তে নির্ধারণ করে mt-5
  • auto - ক্লাসের জন্য যা অটোকে মার্জিন সেট করে, যেমন mx-auto

-1

মি - মার্জিন সেট করে

পি - সেট প্যাডিং

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 হয়)

অটো - অটোতে মার্জিন সেট করে

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.