Що таке клас = “mb-0” у Bootstrap 4?


138

Остання довідка про має:

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

З: Що таке mb-0?


1
Я знаю, що ви маєте на увазі, мабуть, усі мої запитання теж дурні: /
Річард Матвілл

6
Вся справа в термінах. Це питання було задано у 2017 році
Філіп Сенн

Відповіді:


247

Bootstrap має широкий спектр корисних класів корисних націнок та запасностей. Вони працюють для всіх точок прориву:

xs (<= 576px), sm (> = 576px), md (> = 768px), lg (> = 992px) або xl (> = 1200px))

Класи використовуються у форматі:

{} {Властивість сторін} - {розмір} для хз & {} {власності сторін} - {точок зупину} - {розмір} для см, MD, Lg і ХГ.

m - встановлює маржу

p - встановлює прокладки


t - встановлює маржинальну верхню частину або верхню частину оббивки

b - встановлює маржу-нижню або нижню частину

л - встановлює поле вліво або вниз-вліво

r - встановлює маржу-правий або padding-right

x - встановлює як padding-ліворуч, так і padding-right або margin-left та margin-right

y - встановлює як padding-top, так і padding-bottom або margin-top та margin-bottom

blank - встановлює поле або підкладку з усіх 4 сторін елемента


0 - встановлює запас або набивка для 0

1 - встановлює поле або прокладку на .25rem (4 пікселя, якщо розмір шрифту 16 пікселів)

2 - набори маржі або оббивка для .5rem (8px , якщо розмір шрифту в 16px)

3 - встановлює запас або прокладку для 1rem (16px , якщо розмір шрифту в 16px)

4 - набори запас або прокладку 1,5мм (24 пікселів, якщо розмір шрифту 16 пікс.)

5 - набори маржі або оббивка для 3rem (48px , якщо розмір шрифту в 16px)

auto - встановлює запас для автоматичного

Детальніше див. У Bootstrap 4.5 - Пробіли

Детальніше читайте в w3schools


8
Клас mb-0 у Bootstrap 4 еквівалентний границі: 0px; Це добре звучить?
Акаш

51

Він використовується для створення нижнього поля 0 ( margin-bottom:0). Більше нових класів утиліти інтервалу можна переглянути тут: https://getbootstrap.com/docs/4.0/utilities/spacing/

Пов’язано: Як я можу використовувати інтервальні класи інтерфейсу для завантаження 4


4
Дякуємо, що надали посилання на оригінали документів. Я б набагато краще читав безпосередньо з джерела, а не проходив через третю сторону, як w3schools!
pbarranis

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 - (за замовчуванням) для класів, які встановлюють маржу в $ spacer * .25, як mt-1
  • 2 - (за замовчуванням) для класів, які встановлюють маржу в $ spacer * .5, наприклад mt-2
  • 3 - (за замовчуванням) для класів, які встановлюють маржу в $ spacer, наприклад mt-3
  • 4 - (за замовчуванням) для класів, які встановлюють маржу в $ spacer * 1.5, наприклад mt-4
  • 5 - (за замовчуванням) для класів, які встановлюють маржу в $ spacer * 3, наприклад mt-5
  • auto - для класів, які встановлюють поле для автоматичного, наприклад mx-auto

-1

m - встановлює маржу

p - встановлює прокладки

t - встановлює маржинальну верхню частину або верхню частину оббивки

b - встановлює маржу-нижню або нижню частину

l - встановлює поле вліво або вниз-вліво

r - встановлює маржу-правий або padding-right

x - встановлює як padding-ліворуч, так і padding-right або margin-left та margin-right

y - встановлює як padding-top, так і padding-bottom або margin-top та margin-bottom

blank - встановлює поле або підкладку з усіх 4 сторін елемента

0 - встановлює поле або запас 0

1 - встановлює поле або прокладку на .25rem (4 пікселя, якщо розмір шрифту 16 пікселів)

2 - встановлює маржу або накладку на .5rem (8 пікселів, якщо розмір шрифту становить 16 пікселів)

3 - встановлює маржу або накладку на 1rem (16 пікселів, якщо розмір шрифту 16 пікселів)

4 - встановлює запас або прокладку 1,5мм (24 пікселів, якщо розмір шрифту 16 пікс.)

5 - встановлює поле на 3rem (поле 48px, якщо розмір шрифту 16px)

auto - встановлює запас для автоматичного

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.