bootstrap 2 下拉菜单

在链接或按钮上添加data-toggle="dropdown"即可切换下拉菜单。

1. <div class="dropdown">
2. <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown trigger</a>
3. <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
4. ...
5. </ul>
6. </div>

 

为了保证URL符合规范，请使用data-target属性来代替href="#"。

1. <div class="dropdown">
2. <a class="dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html">
3. Dropdown
4. <b class="caret"></b>
5. </a>
6. <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
7. ...
8. </ul>
9. </div>