Bootstrap 下拉菜单,dropdown插件
使用下拉菜单的插件,您可以向任何组件(比如:导航栏,标签页,胶囊式导航,按钮)添加下拉菜单
用法
您可以切换下拉菜单(dropdown)插件隐藏内容
1、通过data属性,向链接或按钮添加data-toggle="dropdown"来切换下拉菜单。
<div class="dropdown">
<a href="#" data-toggle="dropdown">下拉菜单触发器</a>
<ul class="dropdown-menu"role="menu">
<li><a href="#">Html5</a></li>
<li><a href="#">Css3</a></li>
</ul>
</div>
2、如果您需要保持链接的完整(在浏览器启不用javascript时有用),请使用data-target属性代替href="#";
<div class="dropdown">
<a data-target="#" data-toggle="dropdown" >Css3</a></li>
</ul>
</div>
- 上一篇 »Bootstrap组件介绍
- 下一篇 »Bootstrap--组件之下拉菜单