Bootstrap 3 btn-group垂直堆叠

时间:2015-12-09 03:23:37

标签: html twitter-bootstrap

我正在尝试使用bootstrap3类在列内创建内联btn-group,但是btn组的行为不符合预期。按钮不是连接并显示在同一行上,而是垂直堆叠,并且看起来比它们应该更大。以下是正在发生的事情: btn-group

这部分页面的html:

<div class="btn-group">
  <button class="btn btn-primary">
    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
  </button>
  <button class="btn btn-primary">
    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
  </button>
</div>

此外,没有CSS应用于按钮。任何帮助或建议表示赞赏,谢谢。

2 个答案:

答案 0 :(得分:2)

开关:

<div class="btn-group">

要:

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

答案 1 :(得分:-1)

试试这个:

 .btn {
     float:left;
  }