Twitter bootstrap 引导导航栏不'；无法在移动设备上正常工作

第一次在这里写作

在移动设备上访问站点时，我的引导导航有一个问题

我有导航，我喜欢“画廊”，点击“图片”和“视频”作为“画廊”的子菜单。问题是当我点击菜单时，它会以应有的方式打开，但当我点击“画廊”时，“图片”和“视频”开始显示，但随后整个菜单崩溃/关闭。我甚至不能点击“图片”或“视频”

我想这样的行为：我点击菜单-它展开-我点击“画廊”-它展开-我点击“视频”，然后进入视频页面。 当前的行为就像：我点击菜单-它展开-我点击“图库”-整个菜单向后折叠/关闭

导航（桌面）工作正常时的屏幕截图-

导航（移动）工作正常时的屏幕截图-

我会发布我的代码，所以如果你发现了问题，请告诉我，我在这个“小东西”上失去了所有的神经。 现在代码有点乱，因为我已经在尝试我找到的任何解决方案。。。但是没有成功

我有jquery.min.js/css，bootstrap.min.js/css链接在页眉和页脚

对不起，英语不好

您的代码中有一些小错误；一个附加的引号、一个附加的结束锚（
）和一个省略的结束无序列表。纠正这些问题并运行代码似乎会使引导程序按预期运行：



切换导航菜单
&公牛；

我想这与JS有关，但我已经设法绕过了这个问题（目前）

不知何故，当我从上面id为“navbar collapse”的div中删除类“navbar collapse”时，移动设备上一切正常，但每个navlink都在PC上显示（只有品牌仍然显示）。因此，我使用媒体查询来显示#导航栏折叠为块，直到它收缩到“菜单”按钮（不能只显示：块，因为它总是在移动设备上打开），现在似乎可以工作了。谢谢你的回复，罗伯特C
 非常感谢您的回复。初学者的错误。。我按照你说的纠正了错误，但不知怎么的，它在你提供的小提琴上工作，但在手机上却不行？我得到了和以前一样的结果。Gallery仍然会折叠整个菜单，而不是展开。。我知道你编辑的代码仍然没有进展…：/
<nav id="mainNav" class="navbar navbar-inverse navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="true">
            <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
        </button>
        <a class="navbar-brand" href="/">OPG Dumančić</a><span class="navbar-brand" id="brand-bull">&bull;</span><span class="navbar-brand" id="page-title"><?php echo "$pagetitle"; ?></span>
    </div>

    <div class="navbar-collapse collapse" id="navbar-collapse">
        <ul class="nav navbar-nav navbar-right">
        <li class="<?=(isset($menuid) && $menuid=='index')?'active':'';?>"><a href="/">Početna</a></li>
        <li class="<?=(isset($menuid) && $menuid=='onama')?'active':'';?>"><a href="onama">O nama</a></li>
        <li class="nav-dropdown nav-link">
            <a href="#" class="nav-link nav-dropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">Galerija &equiv;</a>

            <ul class="navbar-inverse dropdown-menu nav-dropdown">
            <li class="<?=(isset($menuid) && $menuid=='galerija-slika')?'active':'';?>"><a id="aslike" href="galerija-slika">&rArr; Slike</a></li>
            <li class="<?=(isset($menuid) && $menuid=='galerija-videa')?'active':'';?>"><a id="avideo" href="galerija-videa">&rArr; Video</a></li>
            </ul>
        </li>
        <li class="<?=(isset($menuid) && $menuid=='kontact')?'active':'';?>"><a href="kontakt">Kontakt</a></li>
        </ul>
    </div>
</div>