在前端开发方面,我不知道自己在做什么。 我有一个锚标记,点击一下,我想要一个Bootstrap下拉菜单来显示,这里是HTML:
<div class="dropdown">
<a data-target="#" class="dropdown-toggle" data-toggle="dropdown">Developer Ctrls</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separated link</a></li>
</ul>
</div>
以上HTML直接来自http://getbootstrap.com/2.3.2/javascript.html#dropdowns
问题是虽然锚标签显示,但当我点击它时没有任何反应 - 下拉菜单不会出现。
我有两个bootstrap js和css,来自:https://www.bootstrapcdn.com/
为了让下拉菜单显示,我缺少的步骤是什么?
答案 0 :(得分:4)
要解决此问题,您需要使用bootstrap 版本2.3.2 。要执行此操作,请从your link获取cdn并将其更改为:
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
......对此:
https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css
如下所示:
更好选项是在较新版本的bootstrap中构建,请参阅小提琴http://jsfiddle.net/DIRTY_SMITH/70vmmrrx/2/
<div class="container">
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Developer Ctrls
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separated link</a></li>
</ul>
</div>
</div>