Маржа Bootstrap 5 Spinners
Bootstrap 5 Spinners Margin используется для создания счетчиков с разными полями. Для счетчиков маржи мы будем использовать класс .m с пятью различными размерами от 0 до 5. Кроме того, auto используется для маржи auto. Для разных сторон поля мы будем использовать t (сверху), b (снизу), s (с начала), e (с конца), x (слева и справа), y (сверху и снизу). и пустой (для всех сторон).
Следующий синтаксис используется в различных классах для добавления интервала:
- (свойство)(стороны)-(размер) для xs
- (свойство)(стороны)-(точка останова)-(размер) для sm, md, lg и xl.
Свойство: есть два способа добавления интервала к элементам.
- m: это свойство определяет маржу. Margin обеспечивает край или границу.
Стороны: это позволяет пользователям добавлять интервалы в контенте с определенной стороны, где это необходимо.
- t: верхняя граница/верхняя часть отступов.
- b: нижний край/нижний отступ.
- l: поле слева/отступ слева.
- r: поле справа/отступ справа.
- x: для отступов слева и отступов справа/отступа слева и отступа справа.
- y: для padding-top и padding-bottom/margin-top и margin-bottom.
- пусто: поля/отступы со всех сторон элемента.
Размер: Это позволяет пользователям добавлять определенное количество интервалов к уровню.
- 0 — отступ/отступ 0px.
- 1 — поле/отступ 4 пикселя.
- 2 — поля/отступы 8px.
- 3 — поля/отступы 16px.
- 4 — поля/отступы 24 пикселя.
- 5 — поля/отступы 48px.
- auto – автоматическая маржа.
Пример 1: В этом примере мы добавим поле для элемента spinners.
Выход:
Пример 2. В этом примере мы добавим поле для элемента spinners.
Выход:
Ссылка: https://getbootstrap.com/docs/5.0/components/spinners/#margin