引导导航单击下拉菜单不起作用答案

【问题标题】：bootstrap nav click dropdown not working引导导航单击下拉菜单不起作用
【发布时间】：2014-08-17 06:30:51
【问题描述】：

引导菜单下拉菜单不起作用当我在 codepen 中做但当我将代码放入我的网站时，它工作正常。这是行不通的。帮助我已经包含了所有的 css 和 js iebootstrap.css、bootstrap.min.css、bootstrap-theme.css、bootstrap-theme.min.css、font-awesome.min.css、font-awesome.css 以及重置。 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>

【问题讨论】：

标签： twitter-bootstrap

【解决方案1】：

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

根据您的要求使用此添加 <li>。

【讨论】：

【解决方案2】：

我遇到了这个挑战，您还需要在项目的 head 部分中按顺序添加 pooper.min.js（这是 popper https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js 的 cdn 链接）和 bootstrap.bundle.min.js 脚本.如果您没有在项目中使用 CDN 链接，请确保您拥有这两个文件。这应该可以解决您的错误。

【讨论】：