부트 스트랩 탐색이 전환되지 않습니다. 별도의 폴더에 .PHP 파일

나는 화면 크기가 작은 경우 & 내 메뉴 바 토글 버튼 데 문제가 대답하는 웹 사이트를 만들 부트 스트랩을 사용하고

...부트 스트랩 탐색이 전환되지 않습니다. 별도의 폴더에 .PHP 파일

이 버튼은 내 .PHP 할 때 모든 잘 작동했다 파일은 같은 디렉토리 (루트)에 있습니다. 그러나 나는 모든 .php 파일이 이제는 그들 자신의 각각의 폴더에 있도록 (contact.php는 이제 contact/index.php 등) 깨끗한 URL을 생성하도록 변경했습니다. 이로 인해 토글 버튼이 클릭 할 때 더 이상 전환되지 않습니다.

내 navcode가 아래에 있습니다. 어떤 통찰력이라도 크게 감사 할 것입니다.

<!-- 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 -->

출처

2014-12-21 Estrick

부트 스트랩의 네비게이션 축소 동작은 종속적입니다. jQuery와 Bootstraps에서 javascript는 Chrome의 DevTools를 사용하여 제대로로드되었는지 확인합니다. 아마도 php 파일을 다른 디렉토리로 이동하면 이러한 파일에 대한 참조가 끊어집니다. – ckuijjer

감사합니다. ckuijjer; 내 js 파일의 경로를 'js/bootstrap.min.js'에서 '../js/bootstrap.min.js'로 변경했으며 토글 버튼이 이제는 완벽하게 작동합니다 ..

출처

2014-12-21 12:20:06 Estrick

부트 스트랩 탐색이 전환되지 않습니다. 별도의 폴더에 .PHP 파일

답변

관련 문제