html - 具有 Bootstrap 类的按钮之间的空间

Question

我的网站上的三个按钮有问题。我想在这些按钮之间留出一些空间。是否可以在不使用内联样式的情况下执行此操作？也许 bootstrap 对此有一些类？

我知道我可以简单地做到这一点:

style='margin-right:5px;'

或使用此属性编写自定义类。

我只是想知道 bootstrap 是否为此提供了一些类？

Here是例子。

问题出在这三个按钮上:

<button type="button" class="btn btn-primary col-sm-1">1/2</button>
<button type="button" class="btn btn-primary col-sm-1">1/2</button>
<button type="button" class="btn btn-primary col-sm-1">1/2</button>

Answer 1

尝试将它们放在 btn-toolbar 或其他容器中。

 <div class="btn-toolbar">
  <button type="button" class="btn btn-primary col-sm-1">1/2</button>
  <button type="button" class="btn btn-primary col-sm-1">1/2</button>
  <button type="button" class="btn btn-primary col-sm-1">1/2</button>
 </div>