Интервалы

Поля и отступы

Устанавливает margin (внешние границы) или padding (внутренние границы) элементу по умолчанию в диапазоне от .25rem до 3rem.

Форматы классов:

Значения составляющих:

property

sides

size

Пример:

.mt-0 {
  margin-top: 0 !important;
}

.ms-1 {
  margin-left: ($spacer * .25) !important;
}

.px-2 {
  padding-left: ($spacer * .5) !important;
  padding-right: ($spacer * .5) !important;
}

.p-3 {
  padding: $spacer !important;
}

Отрицательные отступы

Margin могут использовать отрицательные значения (padding не может). Эти отрицательные поля отключены по умолчанию, но могут быть включены в Sass, установив $enable-negative-margins: true. Синтаксис почти такой же, как у утилит с положительным значением поля по умолчанию, но с добавлением n перед запрошенным размером. 

Пример

Класс, противоположный .mt-1:

.mt-n1 {
  margin-top: -0.25rem !important;
}

 


Revision #1
Created 23 August 2024 15:51:41 by Admin
Updated 23 August 2024 16:28:30 by Admin