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

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的信息.默认情况下保证金在与其他元素(例如表格)组合时可能会发生冲突

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

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

Answer 2

只需添加间距类。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。

Answer 3

mb-5 = margin bottom..只需添加:)排序:)