Відповіді:
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 - Пробіли
Він використовується для створення нижнього поля 0 ( margin-bottom:0
). Більше нових класів утиліти інтервалу можна переглянути тут: https://getbootstrap.com/docs/4.0/utilities/spacing/
Пов’язано: Як я можу використовувати інтервальні класи інтерфейсу для завантаження 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 - встановлює маржинальну верхню частину або верхню частину оббивки
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 - встановлює запас для автоматичного