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" id="dLalel">下拉菜单触发器</a>
<ul class="dropdown-menu"role="menu"aria-labelledby="dLabel">
<li><a href="#">Html5</a></li>
<li><a href="#">Css3</a></li>
</ul>
</div>

posted @ 2015-11-28 20:47  melao2006  阅读(244)  评论(0编辑  收藏  举报