css
twitter-bootstrap
bootstrap-4
twitter-bootstrap-4
Филипп Сенн
источник
источник
Ответы:
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 - устанавливает маржу на авто
источник