Bootstrap 5 Интервал Горизонтальное центрирование

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

Bootstrap 5 Spacing Горизонтальное центрирование используется для балансировки полей с обеих сторон с помощью класса mx-auto и установки ширины элемента. Bootstrap предоставляет нам сокращенные помощники по полям и отступам, которые также отзывчивы и помогают нам легко разрабатывать внешний вид нашей веб-страницы. Мы можем определить, сколько мы хотим добавить поля или отступа, добавив число от 0 до 5.

Bootstrap 5 Spacing Горизонтальное центрирование Класс:

  • mx-auto: этот класс устанавливает отображение в блоке и устанавливает равные поля с обеих сторон элемента, чтобы выровнять элемент по центру.

Синтаксис:

<div class="mx-auto" style="width: value;">
    <!-- Centered Elements --!>
</div>

Пример 1: В приведенном ниже коде показано, как мы можем использовать класс mx-auto и центрировать элемент по горизонтали:

Выход:

Пример 2: В приведенном ниже коде показано, как мы можем использовать класс mx-auto для горизонтального центрирования группы карточек:

Выход:

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