Bootstrap 5 Интервал

Опубликовано: 17 Февраля, 2023

Утилита spacing используется для назначения адаптивных полей или значений отступов элементу или подгруппе его сторон.

Когда отображение настроено на сетку, вы можете использовать утилиты промежутков в родительском контейнере сетки. Благодаря адаптивным утилитам зазоров вам не нужно добавлять утилиты маржи к отдельным элементам сетки. Они генерируются с помощью нашего служебного API на основе карты $spacers Sass.

Bootstrap 5 Класс интервалов:

  • .gap — *: у него есть 6 вариантов размера для всех контрольных точек сетки Bootstrap, в диапазоне от gap-0 до gap-5. Класса .gap-auto не существует, так как gap-0 эффективно служит своей цели.

Синтаксис: здесь * может принимать значения от 0 до 5.

<div class="d-grid gap-*">...</div>

Ниже приведен пример, иллюстрирующий разрыв в Bootstrap 5 Spacing Gap.

Пример 1: Вот пример, демонстрирующий интервалы gap-0, gap-1 и gap-2.

Выход:

Пример 2: В приведенном ниже примере показаны интервалы Gap-3, Gap-4 и Gap-5.

Выход:

Ссылка: https://getbootstrap.com/docs/5.0/utilities/spacing/#gap