Bootstrap导航不在子页面上工作

问题描述 投票:0回答:1

我一直在努力的这个网站让我已经撞到了墙上。我遍布StackOverflow和整个网络,但似乎没有人像我一样有问题,所以我认为这可能是一个简单的修复,但以防万一...这是我的问题:

到目前为止,我的网站已经使用Bootstrap构建,并且在屏幕顶部有一个导航栏,导航中的两个链接都有下拉菜单。当我不从子页面(或其中一个下拉菜单中列出的页面)访问它们时,这些下拉菜单仅显示自己。我用于导航栏的每个页面的代码完全相同(当然除了文件路径),这里是:

<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <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="../index.html">Southeast Helping Hands</a>
    </div>
    <div id="navbar" class="collapse navbar-collapse">
        <ul class="nav navbar-nav">
            <li><a href="../index.html">Home</a></li>
            <li><a href="../community_resources.html">Community Resources</a></li>
            <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Events <b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="../events.html">Events Calendar</a></li>
                    <li><a href="#">Community Christmas</a></li>
                    <li><a href="#">Food Handouts</a></li>
                </ul>
            </li>
            <li class="dropdown"><a href="#more-info" data-toggle="dropdown" class="dropdown-toggle">More Info <b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="#">About</a></li>
                    <li><a href="contact.html">Contact</a></li>
                    <li><a href="#">Donate</a></li>
                </ul>
            </li>
        </ul>
    </div><!--/.nav-collapse -->
</div>
</nav>

我已将它与此代码隔离开来,我不相信我的CSS与它有任何关系。就此而言,每当屏幕小于某个宽度时,导航链接将被汉堡菜单按钮替换,该按钮在单击时显示菜单,此按钮在子页面上不起作用。

为了澄清,导航链接工作正常,但是一旦我点击它们,下拉菜单就不会显示。

html html5 twitter-bootstrap
1个回答
0
投票

我在这个示例代码中看不到任何内容。我很可能会怀疑您的资源在子页面上没有正确链接。如果它们与您的主页不在同一目录中并且您复制粘贴了html链接标记,那么它们可能不会以相同的方式指向。除非您包含文件结构的屏幕截图并包含引用资源的html,否则我不知道有足够的信息来解决此问题。

© www.soinside.com 2019 - 2024. All rights reserved.