Question

bootstrap菜单下拉列表无法正常工作当我在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>

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

Answer 2

我遇到了那个挑战，您还需要在你的项目。如果您的项目中没有使用 CDN 链接，请确保您拥有这两个文件。这应该可以解决您的错误。

bootstrap nav点击下拉列表不起作用

2 个答案: