使用下拉菜单的插件,您可以向任何组件(比如:导航栏,标签页,胶囊式导航,按钮)添加下拉菜单
用法
您可以切换下拉菜单(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>
时间: 2024-10-16 10:35:07