Javascript 引导程序可以'；看不到折叠菜单内容的原因

因此，我对实际的菜单打开没有问题，我只是有一个问题，而菜单中的数据无法看到，因为上面有内容，阻碍了查看-我原以为折叠的下拉菜单会放在现有内容上

这是我当前的设置，将在以下内容之后用jsfiddle进行总结：

<div id="header" style="height: 200px; background-image: url({{ header_image }})" class="background-image">
  <nav class="navbar navbar-default">
    <div class="container-fluid">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse-partition" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#!/home">{{ site_logo_name }}</a>
      </div>

      <div class="collapse navbar-collapse" id="collapse-partition">
        <ul class="nav navbar-nav">
          <!--bootstrap standard link and dropdown-->
        </ul>
      </div>
    </div>
  </nav>
</div>

切换导航

-我不太清楚为什么下拉菜单工作时会出现问题，当调整折叠大小时会自动下降，但这是我的代码

---

这是我的服务器上的问题的gif

您很可能已将元素放置在导航栏下方，并且由于您的导航栏被包装在另一个元素中，这可能会导致问题，但如果不查看完整代码，则很难判断。可以通过向导航栏添加

navbar static top

类或向

#header

添加一个位置，并赋予其比header下方元素更高的z索引来解决此问题，如下所示：

#header{
  position:relative;
  z-index:1;
}

如果z索引1不够高，请尝试更高的数字，直到它起作用

这是一把小提琴

另外，你的提琴工作不正常，因为你忘了在bootstrap的js之前加载jquery

你的提琴工作不正常，因为你忘了在bootstrap的js配置之前加载jquery，这工作得很好，谢谢先生。：-）