Using Twitter Bootstrap, I have a button group with several sets of buttons. Some of these buttons have dropdowns. I would like this button group to have radiobutton-style behavior, as per radio in bootstrap's JavaScript button section. Here's my JS Fiddle and corresponding code:
<div data-toggle="buttons" class="btn-group">
<label class="btn btn-default active">
<input type="radio" name="options">General</label>
<div class="btn-group">
<label data-toggle="dropdown" class="btn btn-default dropdown-toggle">
<input type="radio" name="options">Users <span class="caret"></span>
</label>
<ul class="dropdown-menu">
<li><a href="#">1</a>
</li>
<li><a href="#">2</a>
</li>
</ul>
</div>
<div class="btn-group">
<label data-toggle="dropdown" class="btn btn-default dropdown-toggle">
<input type="radio" name="options">Assignments <span class="caret"></span>
</label>
<ul class="dropdown-menu">
<li><a href="#">1</a>
</li>
<li><a href="#">2</a>
</li>
</ul>
</div>
<div class="btn-group">
<label data-toggle="dropdown" class="btn btn-default dropdown-toggle">
<input type="radio" name="options">Other <span class="caret"></span>
</label>
<ul class="dropdown-menu">
<li><a href="#">1</a>
</li>
<li><a href="#">2</a>
</li>
</ul>
</div>
</div>
Does Bootstrap have this capability?
Is this what you are looking for?
http://jsfiddle.net/6m5Bp/1/
I embedded the option buttons in a drop-down
ul
menu....