2014-04-09 19 views
0

這裏是我的code.kindly糾正我在哪裏我錯了,因爲我新引導。引導到按鈕不工作,當我點擊

切換按鈕不響應

親切指導工作...

<!--<link href="css/style.css" rel="stylesheet">--> 
<link href="css/style.css" rel="stylesheet"> 
<link href="css/bootstrap.css" rel="stylesheet"> 
<link href="css/bootstrap.min.css" rel="stylesheet"> 
<link href="css/bootstrap-theme.css" rel="stylesheet"> 
<link href="css/bootstrap-theme.min.css" rel="stylesheet"> 
<script type="text/javascript" src="js/bootstrap.js"></script> 
<!--<script type="text/javascript" src="js/bootstrap.min.js"></script>--> 

<body> 
    <nav class="navbar navbar-default" role="navigation"> 
     <div class="container-fluid"> 
     <!-- Brand and toggle get grouped for better mobile display --> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> 
       <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="#">Menu</a> 
     </div> 
     <!-- Collect the nav links, forms, and other content for toggling --> 
     <nav class="navbar-collapse nav-collapse in" style="height: auto;"> 
      <ul class="nav nav-pills nav-justified sf-js-enabled" id="navigation"> 
       <li class="current"><a class="btn" href="index.html">Home</a></li> 
       <li><a class="btn" href="our-advisors.html">Our Advisors</a></li> 
       <li><a class="btn" href="destinations.html">Destinations</a></li> 
       <li><a class="btn" href="special-deals.html">Special Deals</a></li> 
       <li><a class="btn" href="gift-registery.html">Gift Registery</a></li> 
       <li><a class="btn" href="philantrophy.html">Philantropy</a></li> 
       <li><a class="btn" href="contact.html">Contact Us</a></li> 
      </ul> 
     </nav> 
     </div><!-- /.container-fluid --> 
    </nav> 
</body> 
+1

引導利用的J查詢功能。您需要將Jquery庫添加到您的腳本,以便它可以工作。 http://jquery.com/ –

回答

1

這個jQuery文件是必需的jQuery函數工作。下面的文件鏈接丟失。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 

上述行添加到您的腳本,然後它會正常工作........

0

你需要插入html & head標籤還包括jQuery的...

<script src='http://code.jquery.com/jquery-latest.min.js'></script> 

這是應該的樣子:

<!DOCTYPE html> 
<html> 
    <head> 
    <!-- all your includes and then jQuery --> 
    <script src='http://code.jquery.com/jquery-latest.min.js'></script> 
    </head> 
    <body> 
    <!-- Everything in your <body></body> tags 
    </body> 
</html> 
+0

感謝您的幫助 – user2841183

+0

我已經嘗試了這兩個建議,但它仍然不能在這裏工作.... – user2841183

+0

@ user2841183如果它的幫助,你可以upvote我和/或按綠色的滴答左邊? :) – Albzi