Bootstrap下拉列表不适用于标准JS和CSS

时间:2016-03-08 23:54:20

标签: javascript html css twitter-bootstrap

在前端开发方面,我不知道自己在做什么。 我有一个锚标记,点击一下,我想要一个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/

为了让下拉菜单显示,我缺少的步骤是什么?

1 个答案:

答案 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>