Javascript 引导下拉菜单行为怪异

我有以下代码：

<div class="navbar">
      <div class="navbar-inner">
        <div class="container" style="width: auto;">
          <ul class="nav">
            <li><a href="/./">Startseite</a></li>
            <li class="dropdown">
                  <a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Produkte<b class="caret"> </b></a>
                  <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                    <li role="presentation"><a role="menuitem" tabindex="-1" href="http://google.com">Action</a></li>
                    <li role="presentation"><a role="menuitem" tabindex="-1" href="#anotherAction">Another action</a></li>
                  </ul>
            </li>
            <li class="dropdown">
                  <a id="drop2" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Produkte<b class="caret"> </b></a>
                  <ul class="dropdown-menu" role="menu" aria-labelledby="drop2">
                    <li role="presentation"><a role="menuitem" tabindex="-1" href="http://google.com">Action</a></li>
                    <li role="presentation"><a role="menuitem" tabindex="-1" href="#anotherAction">Another action</a></li>
                  </ul>
            </li>
          </ul>
        </div>
      </div>
    </div>

应该是这样的：

但在我的代码中它是这样显示的（我点击produkte）：

这是我的html标题：

<link href="{{STATIC_URL}}css/bootstrap.css" rel="stylesheet">
<script src="{{STATIC_URL}}js/jquery191.js"></script>
<script src="{{STATIC_URL}}js/bootstrap.min.js"></script>

为什么会这样？有人能帮我吗

---

非常感谢你为li使用了

float:left

，你需要从你的

自定义css

文件中删除它。

你能为菜单显示你的

css代码吗。看起来你为
li
使用了
float:left
你需要删除它。@sAnS，我没有自己的css。我只是包含了bootstrap.css，没有碰它。对我有效：你一定有其他css干扰。对我也有效-你的其他css文件中有冲突的东西是的，这是我的错。但非常感谢你们的帮助，伙计们。