Ответ 1
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 - устанавливает поле для авто