引导按钮上没有边距底部？

Question

我在bootstrap模板中使用了button元素。

我想知道它是否是bootstrap中的正常行为：

当没有足够的空间显示一行上的所有按钮，或者调整窗口大小时，某些按钮会显示在第二行，这样就可以了，但没有边距底部。

我可以添加它：

.btn {
    margin-bottom: 5px; 
}

但我觉得很奇怪它不是由bootstrap处理的。

也许我做错了什么？

消息来源：http://jsfiddle.net/Vinyl/zx9oefya/

<button type="button" class="btn btn-primary btn_plus_infos" data-toggle="collapse" data-target="#plus_infos">Plus d'infos</button>
<button type="button" class="btn btn-primary btn_plus_infos" data-toggle="collapse" data-target="#plus_infos">Plus d'infos</button>
<button type="button" class="btn btn-primary btn_plus_infos" data-toggle="collapse" data-target="#plus_infos">Plus d'infos</button>

Answer 1

在Bootstrap的buttons.less和button-groups.less中，没有任何关于margin-top或margin-bottom的信息。默认情况下，当将其与其他元素（例如表单）组合时，可能会产生冲突

我认为最好的解决方案可能是在btn-toolbar中添加所有按钮并设置该组合的样式：

.btn-toolbar .btn {
    margin-bottom: 5px; 
}

Answer 2

我认为这是正常行为（不是100％肯定），因为当我们希望在我们不需要它时必须删除默认保证金时，我自己添加保证金是“更干净”，我认为......

http://getbootstrap.com/components/#btn-groups

bootstrap的按钮示例中没有margin，仅在父div类btn-group上，但它来自不同的样式表（docs.min.css）。所以我认为开发者可以通过这种方式添加自己的自定义margin。

见这里：

Answer 3

mb-5 =底部边距..只需添加:)排序的：）

Answer 4

只需添加间距类。 m表示边距，p表示边距。

 <button class="btn btn-success mr-2" type="submit">Add</button>
 <button class="btn btn-danger mr-2" type="button">Delete</button>

因此，这里mr是右边距。同样，您可以为其他情况添加do。