css — Bootstrap Nav не переключается; Файлы .php в отдельных папках

Я использую bootstrap для создания адаптивного сайта & у меня проблемы с моей кнопкой-переключателем navbar, когда размер экрана небольшой …

Кнопка работала нормально, когда все мои файлы .php находились в одном каталоге (корень); однако я просто изменил его так, чтобы все .php-файлы теперь находились в своих соответствующих папках (contact.php теперь является contact / index.php и т. д.) для создания более чистых URL-адресов. Это заставило тумблер больше не переключаться при нажатии.

Мой навигационный код ниже; Любое понимание будет с благодарностью, спасибо!

<!-- NAVIGATION -->
<div class="navbar navbar-default" role="navigation">
<div class="navbar-inner">
<div class="container inner-container">
<div class="navbar-header">
<a href="index.php" class="navbar-brand"><img src="../img/index/skytek-logo/Skytek_c1_S.png" width="160px" height="90px" alt="Skytek Logo"></a><p class="navbar-slogan">Dedicated to excellence in innovation and service</p>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="nav-collapse">
<ul class="nav navbar-nav">
<?php
/* list items with a class of "active" indicate the current section;
* the $section variable is set in each individual file
*/
?>
<li class="home <?php if ($section == "home") { echo "active"; } ?>"><a href="<?php echo BASE_URL; ?>">Home</a></li>
<li class="about <?php if ($section == "about") { echo "active"; } ?>"><a href="<?php echo BASE_URL; ?>about/">About Us</a></li>
<li class="support <?php if ($section == "support") { echo "active"; } ?>"><a href="<?php echo BASE_URL; ?>services/">Support &amp; Services</a></li>
<li class="sales <?php if ($section == "sales") { echo "active"; } ?>"><a href="#" style="color: #AAA;">Sales</a></li>
<li class="news <?php if ($section == "news") { echo "active"; } ?>"><a href="#" style="color: #AAA;">News</a></li>
<li class="contact <?php if ($section == "contact") { echo "active"; } ?>"><a href="<?php echo BASE_URL; ?>contact/">Contact</a></li>
<li class="careers <?php if ($section == "careers") { echo "active"; } ?>"><a href="<?php echo BASE_URL; ?>careers/">Careers</a></li>
<li class="staff <?php if ($section == "staff") { echo "active"; } ?>"><a href="<?php echo BASE_URL; ?>staff/">Staff Zone</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- END NAVIGATION -->