未加入 Bootstrap 个按钮组的按钮

Question

这很奇怪，一定很愚蠢。这很好用...

<div class="btn-group" role="group" id="lead_buttons">
                  <a type="button" class="btn btn-default lead" id="lead_0">All</a>
                  <a type="button" class="btn btn-default lead" id="lead_1">Lead</a>
                </div>

... 但是当我将 class="btn-group" 更改为 class="btn-group-sm" 时，按钮不再连接。它们是分开的。

Answer 1

它应该是这样工作的。

<div class="btn-group btn-group-sm" role="group" id="lead_buttons">
  <a type="button" class="btn btn-default lead" id="lead_0">All</a>
  <a type="button" class="btn btn-default lead" id="lead_1">Lead</a>
</div>

您需要添加btn-group btn-group-sm.

Answer 2

<div class="btn-group">
     <div class="btn-group">
            <a class="btn btn-default btn-xs">All</a>
     </div>
     <div class="btn-group">
            <a class="btn btn-default btn-xs">Lead</a>
     </div>
</div>

你也可以试试这个

未加入 Bootstrap 个按钮组的按钮

Buttons not joining in Bootstrap Button Groups

html

buttongroup

twitter-bootstrap