Что такое class = «mb-0» в Bootstrap 4?

В последнем документе есть:

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

В: Что такое мб-0?

Bootstrap имеет широкий спектр вспомогательных классов адаптивных полей и отступов. Они работают для всех точек останова:

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

Классы используются в формате:

{свойство} {стороны} - {размер} для xs & {свойство} {стороны} - {точка останова} - {размер} для sm, md, lg и xl.

m - устанавливает маржу

p - устанавливает отступ

t - устанавливает margin-top или padding-top

b - устанавливает нижний край или нижний отступ

l - устанавливает левое поле или левое поле

r - устанавливает margin-right или padding-right

x - устанавливает как padding-left и padding-right, так и margin-left и margin-right

y - устанавливает оба значения: padding-top и padding-bottom или margin-top и margin-bottom

blank - устанавливает поле или отступ на всех 4 сторонах элемента

0 - устанавливает для полей или отступов значение 0

1 - наборы маржи или обивка для .25rem (4px , если размер шрифта в 16px)

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

3 - устанавливает margin или padding равным 1rem (16 пикселей, если размер шрифта 16 пикселей)

4 - устанавливает margin или padding равным 1.5rem (24px, если font-size равен 16px)

5 - устанавливает margin или padding равным 3rem (48 пикселей, если размер шрифта 16 пикселей)

auto - устанавливает маржу на авто

См. Больше в Bootstrap 4.5 - Spacing

Подробнее в w3schools

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

Связанный: Как использовать служебные классы Spacing в Bootstrap 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 - (по умолчанию) для классов, которые устанавливают поле на $ 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

m - устанавливает маржу

p - устанавливает отступ

t - устанавливает margin-top или padding-top

b - устанавливает нижний край или нижний отступ

l - устанавливает левое поле или левое поле

r - устанавливает margin-right или padding-right

x - устанавливает как padding-left и padding-right, так и margin-left и margin-right

y - устанавливает оба значения: padding-top и padding-bottom или margin-top и margin-bottom

blank - устанавливает поле или отступ на всех 4 сторонах элемента

0 - устанавливает для полей или отступов значение 0

1 - устанавливает для полей или отступов значение 0,25 rem (4 пикселя, если размер шрифта 16 пикселей)

2 - устанавливает для полей или отступов значение .5rem (8 пикселей, если размер шрифта 16 пикселей)

3 - устанавливает margin или padding равным 1rem (16 пикселей, если размер шрифта 16 пикселей)

4 - устанавливает margin или padding равным 1.5rem (24px, если font-size равен 16px)

5 - устанавливает margin или padding равным 3rem (48 пикселей, если размер шрифта 16 пикселей)

auto - устанавливает маржу на авто