Bootstrap Dropdown 显示双倍？奇怪的一个答案

【问题标题】：Bootstrap Dropdown shows double? Weird OneBootstrap Dropdown 显示双倍？奇怪的一个
【发布时间】：2016-05-06 08:27:32
【问题描述】：

好的，所以我在做一些非常简单的事情时遇到了一个奇怪的问题，经过两天的高低搜索，我想知道这里是否有人能指出我正确的方向：

我正在使用 Twitter Bootstrap 使用 Nav-Pills 构建一个简单的下拉菜单。我正在遵循所有说明（没什么复杂的），并通过 cdn 链接到 bootstrap.min.js、bootstrap.min.css 和 jquery.min.js。

但是，输出显示下拉项目两次，一次是垂直堆叠的切换下拉列表，非常好，然后像您预期的那样弹出和隐藏，但随后也overlayed 是另一组完全相同的下拉列表项目，这次水平展开，并且一直显示在那里，没有添加切换功能。

顺便说一句，我试图将它重新创建为一个 jsfiddle，并且在那里，下拉列表甚至没有显示。

这对我来说太奇怪了，我有点迷路了。任何想法，任何人？非常感谢您的帮助！

我的代码：

<head>
    <title>Trial</title>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="main.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
   <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
<nav id="navbar-bottom">
        <div class="container-fluid">
            <ul class="nav nav-pills pull-right">
                <li class="active"><a href="#">Active Link</a></li>
                <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">Dropdown Link</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Option1</a></li>
                        <li><a href="#">Option2</a></li>
                    </ul>
                </li>
            </ul>
        </div>  
</nav>

这里是截图：这是打开的：

这是关闭的：

【问题讨论】：

这真的很奇怪.....你能加个小提琴或codepen来试试这个问题吗？
jsfiddle.net/filitz/yye4ypjv 在这里，stackoverflow 不允许我在原帖中添加此链接，抱歉

标签： jquery twitter-bootstrap drop-down-menu toggle

【解决方案1】：

请试试这个代码：

<li class="dropdown"><a href="javascript:void();" class="dropdown-toggle" data-toggle="dropdown" role="button">Dropdown Link</a>
   <ul class="dropdown-menu">
        <li><a href="#">Option1</a></li>
        <li><a href="#">Option2</a></li>
   </ul>
  </li>

我已经在你的 jsfiddle 中进行了编辑，它对我有用。请检查一下。

【讨论】：

你是对的，它在 jsfiddle 中工作，这意味着下拉菜单出现了。但在我的原始代码中也是如此。我无法解决的是摆脱覆盖工作切换下拉菜单的打开下拉菜单......