Suraj Kapoor
Suraj Kapoor

Reputation: 1715

Buttons not joining in Bootstrap Button Groups

enter image description here This is very bizarre and must be something silly. This works fine...

<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> 

... but when I change class="btn-group" to class="btn-group-sm" the buttons aren't joined anymore. They are separate.

Upvotes: 0

Views: 1363

Answers (2)

Nayan Hodar
Nayan Hodar

Reputation: 529

<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>

You can also try this

Upvotes: 0

DavidDomain
DavidDomain

Reputation: 15293

This is how it should work.

<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>

You need to add btn-group btn-group-sm.

Upvotes: 1

Related Questions