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或其他容器中。

Jenkins.instance.getNode('my-node').toComputer().isOnline()

Answer 2

是的，你必须把它们包起来

<div class="btn-group">
<button type="button" class="btn btn-primary">1/2</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-primary">1/2</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-primary">1/2</button>
</div>

EDITED CODEPEN

Answer 3

＆＃13;

<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>

＆＃13;

按钮与引导类之间的空间

3 个答案: