转载

Bootstrap 按钮嵌套

按钮嵌套

您可以在一个按钮组内嵌套另一个按钮组，即，在一个 .btn-group 内嵌套另一个 .btn-group 。当您向让下拉菜单与一系列按钮组合使用时，就会用到这个。

如下例想要把下拉菜单混合到一系列按钮中，只须把 .btn-group 放入另一个 .btn-group 中。

 <div class="btn-group">   <button type="button" class="btn btn-default">按钮嵌套:菜单A</button>   <button type="button" class="btn btn-default">按钮嵌套:菜单B</button>    <div class="btn-group">     <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">       Bootstrap 按钮嵌套:下拉（Dropdown）演示       <span class="caret">&nbsp;</span>     </button>     <ul class="dropdown-menu" role="menu">       <li><a href="#">Dropdown link 1（这是一个下拉按钮子菜单）</a></li>       <li><a href="#">Dropdown link 2（这是一个下拉按钮子菜单）</a></li>     </ul>   </div> </div>