Twitter bootstrap 引导导航单击下拉列表不工作

引导菜单下拉菜单不工作 当我在codepen中使用代码时，它工作得很好，但是当我将代码放入我的站点时。它不起作用。 帮助 我已经包括了所有css和js，即bootstrap.css、bootstrap.min.css、bootstrap theme.css、bootstrap theme.min.css、font-awesome.min.css、font-awesome.css以及reset.css和我自己的custom.css

我的导航栏代码如下

<div class"nav-outer-wrapper">
    <ul class="nav nav-pills">

        <li class="active dropdown">
            <a href="#" data-toggle="dropdown" class="dropdown-toggle">Messages <b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li><a href="#">Inbox</a></li>
                <li><a href="#">Drafts</a></li>
                <li><a href="#">Sent Items</a></li>
                <li class="divider"></li>
                <li><a href="#">Trash</a></li>
            </ul>
        </li>
        <li class="dropdown">
            <a href="#" data-toggle="dropdown" class="dropdown-toggle">Messages <b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li><a href="#">Inbox</a></li>
                <li><a href="#">Drafts</a></li>
                <li><a href="#">Sent Items</a></li>
                <li class="divider"></li>
                <li><a href="#">Trash</a></li>
            </ul>
        </li>

    </ul>
</div>

...


...


...

---

根据您的需求使用这个add

。
我遇到了这个挑战，您还需要在项目的开头部分按顺序添加pooper.min.js（这里是popper的cdn链接）和bootstrap.bundle.min.js脚本。如果项目中未使用CDN link.com，请确保两个文件都有。这将解决您的错误

<ul class="nav nav-tabs">
  ...
  <li class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
      Dropdown <span class="caret"></span>
    </a>
    <ul class="dropdown-menu">
      ...
    </ul>
  </li>
  ...
</ul>