Bootstrap 3按钮垂直对齐没有空间

Posted 2023-03-05

【中文标题】Bootstrap 3按钮垂直对齐没有空间

【英文标题】：Bootstrap 3 buttons vertically align no space

【发布时间】：2014-02-12 16:54:34

【问题描述】：

如何在 Bootstrap 3 中垂直对齐按钮而没有这样的空间

(button 1)
(button 2)
(button 3)

【问题讨论】：

这真的是垂直的吗？您要对齐还是分组？

【参考方案1】：

您应该只使用文档中的 Vertical variation 示例：

<div class="btn-group-vertical">
 ...
</div>

【参考方案2】：

看起来你想要它们水平。您看到的空间是因为默认情况下它们是display: inline-block。 inline-block 在元素之间提供 3 像素的水平空间。你可能想做display: block，然后浮动按钮。

【讨论】：

OP 明确表示他想垂直对齐，而且他的示例清楚地显示了垂直按钮。因此，我认为您的回答没有解决问题......