<p class="mb-0">Lorem ipsum</p>
Bootstrap имеет широкий спектр классов утилит отзывчивых полей и отступов. Они работают для всех точек останова:
xs (& lt; = 576px), sm (> = 576px), md (> = 768px), lg (> = 992px) или xl (> = 1200 пикселей))
Классы используются в формате:
{свойство} {сторон} - {размер} для xs & {свойство} {сторон} - {точка останова} - {размер} для sm, md, lg и xl.
m - устанавливает запас
p - устанавливает отступ
t - устанавливает поле margin-top или padding-top
b - устанавливает нижнее поле или нижнее поле
l - устанавливает поля слева или отступа слева
r - устанавливает значение margin-right или padding-right
x - устанавливает отступы слева и отступа справа или поля слева и поля справа
y - устанавливает верхнюю и нижнюю границу, верхнюю и нижнюю границы и нижнюю границу
blank - устанавливает поля или отступы на всех 4 сторонах элемента
0 - устанавливает поле или заполнение на 0
1 - устанавливает для поля или отступ значение .25rem (4 пикселя, если размер шрифта составляет 16 пикселей)
2 - устанавливает поле или отступ на .5rem (8 пикселей, если размер шрифта составляет 16 пикселей)
3 - устанавливает поле или отступ в 1rem (16 пикселей, если размер шрифта составляет 16 пикселей)
4 - устанавливает поле или заполнение на 1,5 мм (24 пикселя, если размер шрифта равен 16 пикселям)
5 - устанавливает для поля или отступ значение 3rem (48 пикселей, если размер шрифта составляет 16 пикселей)
auto - устанавливает поле для авто
Он используется для создания нижнего поля 0 (margin-bottom:0
). Здесь вы можете увидеть новые классы утилиты spacing: https://getbootstrap.com/docs/4.0/utilities/spacing/
Связано: Как использовать классы утилиты Spacing в Bootstrap 4
С уважением и только мои два цента. Одно из преимуществ, которое я нахожу в "open-source"... если вы хотите знать, как что-то работает, как оно используется, иногда даже почему оно реализовано так, как оно есть... прочитайте исходный код. bootstrap.css или bootstrap.js не только сообщают вам, что он может (или не может) делать, что мне нравится, это читать код от некоторых ведущих разработчиков, что, IMHO, делает меня лучшим разработчиком. Я поставил это наперед, потому что, читая js файлы для jQuery, Bootstrap и некоторых других, я узнал о javascript, который поднял мое понимание некоторых довольно продвинутых концепций. Некоторое время назад это было поделено со мной, и я счел это неоценимым... подумал, что стоит поделиться с моим сообществом.