Начальная навигация не работает на подстраницах

Question

Этот сайт, над которым я работаю, уже бьет меня головой о стену.Я просмотрел весь 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 имеет к этому отношение.В связи с этим, всякий раз, когда экран становится меньше определенной ширины, ссылки навигации заменяются кнопкой меню гамбургера, которая открывает меню при нажатии, эта кнопка не работает ни на подстраницах.

Комупоясните, что навигационные ссылки работают нормально, но выпадающие меню не открываются, когда я нажимаю на них.

Answer 1

Я не вижу ничего, чтобы пройти в этом примере кода.Скорее всего, я подозреваю, что ваши ресурсы не связаны должным образом на ваших страницах.Если они не находятся в том же каталоге, что и ваша главная страница, и вы скопировали и вставили теги html-ссылок, то они могут указывать не так.Если вы не включите снимок экрана с вашей файловой структурой и не включите HTML, где вы ссылаетесь на свои ресурсы, я не знаю, достаточно ли информации для решения этой проблемы.