В Bootstrap вы можете создавать пространство между кнопками различными способами. Вот несколько подходов, которые вы можете рассмотреть:

1. Использование полей. Вы можете применить к кнопкам собственные поля, чтобы создать пространство между ними. Например, вы можете добавить класс к кнопкам и определить правило CSS для установки поля между ними. Вот пример:

   <button class="btn btn-primary">Button 1</button>
   <button class="btn btn-primary ml-2">Button 2</button>

   В этом примере класс ml-2добавляет левое поле шириной 0,5 rem (или 8 пикселей), чтобы создать пространство между кнопками.

2. Использование служебных классов интервалов: Bootstrap предоставляет служебные классы интервалов, которые позволяют добавлять к элементам предопределенные поля или отступы. Для кнопок вы можете использовать такие классы, как mb, mt, mrи ml, чтобы добавить поля внизу., верхнюю, правую и левую стороны соответственно. Вот пример:

   <button class="btn btn-primary mb-3">Button 1</button>
   <button class="btn btn-primary">Button 2</button>

   В этом примере класс mb-3добавляет нижний край размером 1rem (или 16 пикселей), чтобы создать пространство между кнопками.

3. Использование групп кнопок. Bootstrap предоставляет компонент группы кнопок, который автоматически добавляет расстояние между кнопками. Объединив кнопки в группу кнопок, вы можете добиться желаемого расстояния. Вот пример:

   <div class="btn-group" role="group" aria-label="Button group">
   <button type="button" class="btn btn-primary">Button 1</button>
   <button type="button" class="btn btn-primary">Button 2</button>
   </div>

   Компонент «Группа кнопок» применяет поля между кнопками для создания пространства.

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