Добавьте пространство между элементами в Bootstrap 4

  1. Классы полей: Bootstrap 4 предоставляет встроенные классы полей, которые можно применять к элементам для создания пространства. Вы можете использовать такие классы, как m-1, m-2и т. д., где число представляет собой величину применяемого запаса. Например, м-2добавит запас в 0,5 бэра.

  2. Классы заполнения. Аналогичным образом вы можете использовать классы заполнения, такие как p-1, p-2и т. д., чтобы добавлять пространство внутри элементов.

  3. Классы заполнения. Аналогичным образом вы можете использовать классы заполнения, такие как p-1, p-2и т. д., чтобы добавить пространство внутри элементов.

    Классы заполнения. р>

  4. Пользовательский CSS. Если вам нужен больший контроль над интервалом, вы можете определить свои собственные классы CSS и применить их к элементам. Вы можете использовать свойства marginи paddingв CSS для установки определенных значений интервалов.

  5. Система сеток: система сеток Bootstrap позволяет создавать столбцы и регулировать расстояние между ними. Используя классы сетки, такие как colи row, вы можете контролировать пространство между элементами по горизонтали и вертикали.

  6. Утилиты расстановки интервалов: Bootstrap 4 предлагает дополнительные классы утилиты расстановки интервалов, такие как mt-3(margin-top: 1rem), pb-2(padding-bottom: 0,5 бэр) и т. д., что позволяет указать расстояние в определенных сторонах или направлениях.