導航欄鏈接沒有崩潰的問題

-1

首先道歉打開一個問題應該被視爲一個相當簡單的問題....它應該是，但我不能讓它工作來挽救我的生命。導航欄鏈接沒有崩潰的問題

也許有人可以只給這個代碼快速掃描，並告訴我，我做錯了，因爲我不熟悉bootstap（其中即時通訊使用這裏）和HTML5

我的問題

導航欄可以正常使用主頁上，但是當複製和粘貼導航欄到其他頁面的services和menu鏈接根本就不展開/摺疊

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span>       
     </button> 
     <a class="navbar-brand" href="index.html">Finger Food Catering</a> 
    </div> 
    <div class="collapse navbar-collapse" id="myNavbar"> 
     <ul class="nav navbar-nav"> 
     <li><a href="index.html">Home</a></li> 
     <li class="dropdown"> 
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu<span class="caret"></span></a> 
      <ul class="dropdown-menu"> 
      <li><a href="hot-food-platters.html">Hot Platters</a></li> 
      <li><a href="cold-finger-food-platters.html">Cold Platters</a></li> 
      <li><a href="gourmet-finger-food-platters.html">Gourmet Platters</a></li> 
      </ul> 
     </li> 

     <li class="dropdown"> 
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">Services<span class="caret"></span></a> 
      <ul class="dropdown-menu"> 
      <li><a href="wedding-catering.html">Wedding Catering</a></li> 
      <li><a href="birthday-catering.html">Birthday Catering</a></li> 
      <li><a href="corporate-catering.html">Corporate Catering</a></li> 
      <li><a href="special-event-catering.html">Event Catering</a></li> 
      <li><a href="funeral-catering.html">Funeral Cateringg</a></li> 
      </ul> 
     </li> 

     <li><a href="about.html">About</a></li> 
     <li><a href="testimonials.html">Testimonials</a></li> 
     <li><a href="inquire.html">Inquire</a></li> 
     <li><a href="blog.html">Blog</a></li> 
     <li class="active"><a href="contact.html">Contact</a></li> 
     </ul> 
     <ul class="nav navbar-nav navbar-right"> 
     <li><a href="#"><span style="font-size:2.0em"><span style="color:#8AB8E6">Contact Us:</span> <body onload="_googWcmGet('number', '1300 785 701')"> 
    <span class="number">1300 785 701</span> 
    </body> </a></li> 

     </ul> 
    </div> 
    </div> 
</nav>

來源

2015-10-11 Timothy Coetzee

使用自助的底部？如果是的話，你鏈接了JQuery和Bootstrap.js嗎？ –

@XahedKamal ofcourse我做過了，但是感謝您輸入 –

這是http://jsbin.com/sawejawate/1/edit?html,output行爲是否正確？只要看看你的服務和菜單文件，看看你是否會錯過某個地方的關閉「div」。這通常會導致一些問題。 –

你使用Materialize？

如果你是，向下滾動到的index.php在腳本並更改<script src="../../bin/materialize.js"></script>到<script src="js/materialize.js"></script>

來源

2015-10-11 12:14:17

導航欄鏈接沒有崩潰的問題

回答

相關問題