Bootstrap基础
Bootstrap框架
Bootstrap基本样式
Bootstrap组件
下拉菜单
按钮组
按钮菜单
按钮下拉菜单
按钮下拉菜单,就为按钮添加一个下拉菜单,当用户点击按钮时,再显示或隐藏下拉菜单。只需把按钮和下拉菜单包装在一个 .btn-group 中,并为按钮添加 .dropdown-toggle 类和 data-toggle="dropdown" 属性,就可以创建一个按钮下拉菜单。为了从视觉上告诉人们按钮包含下拉菜单,还要为按钮添加一个 <span class="caret"></span>,它会在按钮的文本旁边添加一个三角箭头。如:
<div class="btn-group">
<button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
效果如图 4‑12所示:

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!
赏