1

我正在尝试让 bootstrap-dropdown.js 工作。但它不能正常工作。它确实显示了一个下拉菜单，但不在正确的位置。

我附上了一个截图来演示这个问题。此外，这里是演示我正在处理的关于jsfiddle的问题的链接

在这方面的任何帮助将不胜感激。

截屏

这就是我添加导航药丸和下拉菜单的方式（如文档中所述）

<div class="navbar masthead">
        <ul class="nav nav-pills pull-right">
          <li class="active">
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">Abcdef</a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Action</a></li>
                <li><a href="#">Action</a></li>
              </ul>
          </li>
          <li>
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Abcdef</a>
            <ul class="dropdown-menu">
              <li><a href="#">Action</a></li>
              <li><a href="#">Action</a></li>
              <li><a href="#">Action</a></li>
            </ul>
          </li>
          <li>
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Abcdef</a>
            <ul class="dropdown-menu">
              <li><a href="#">Action</a></li>
              <li><a href="#">Action</a></li>
              <li><a href="#">Action</a></li>
            </ul>
          </li>
          <li>
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Abcdef</a>
            <ul class="dropdown-menu">
              <li><a href="#">Action</a></li>
              <li><a href="#">Action</a></li>
              <li><a href="#">Action</a></li>
            </ul>
          </li>
        </ul>
        <h3>Test</h3>
</div>
4

1 回答 1

0

将"dropdown"类添加到每个<li>应该有下拉菜单的类。查看编辑过的小提琴

于 2012-12-23T04:34:12.303 回答