bootstrap 按钮下拉菜单

.btn-group      <div class="btn-group "></div>下拉菜单

.dropup  上拉菜单          <div class="btn-group   dropup"></div>   

 

按钮下拉菜单：   形状和下拉菜单一点不同

　　

<div class="btn-group">

　　　　<button type="button"   class="btn  btn-default">默认</button>

　　　　<button type="button"    class="btn  btn-default  dropdown-toggle"     data-toggle="dropdown">

　　　　　　<span class="caret"></span>

　　　　 　　<span class="sr-only">切换下拉菜单</span>

　　　　</button>

　　　　<ul class="dropdown-menu" role="menu">

　　　　　　 <li><a href="#">功能</a></li>

　　　　　　 <li><a href="#">另一个功能</a></li>

　　　　　　<li><a href="#">其他</a></li>

　　　　　　 <li class="divider"></li>

　　　　　　<li><a href="#">分离的链接</a></li>

　　　　</ul>

</div>

<div class="btn-group">

　　<button type="button"  class="btn  btn-primary">原始</button>

　　 　　<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">

　　　　<span class="caret"></span> <span class="sr-only">切换下拉菜单</span>

　　</button>

　　<ul class="dropdown-menu" role="menu">

　　　　 <li><a href="#">功能</a></li>

　　 </ul>

</div>

转载于:https://www.cnblogs.com/baota/p/6498411.html