引導程序導航無法在響應模式下工作

我有這段代碼，它無法在響應模式下工作。我的意思是按鈕會出現，但是當我點擊按鈕時，我的導航欄不會出現。我不知道這是什麼。 css和js文件也被添加到文檔中，但它仍然不起作用。這個問題的任何提示將不勝感激。引導程序導航無法在響應模式下工作

<!DOCTYPE html> 
<html> 
<head> 

<meta charset="UTF-8"> 

<!-- ------------------------------bootstrap css link--------------------- --> 
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"> 
<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.css"> 
<link rel="stylesheet" type="text/css" href="css/custom-css.css"> 

</head> 
<body> 



    <div class="row"> 
     <div class="col-md-12 top-site"> 

       <div class="top-bg col-md-12"> 
       </div> 

       <!-- <div class="col-md-2 social"> 


       </div> 
       <div class="col-md-2 search"> 

       </div> --> 

       <div class="row"> 
        <nav class="navbar navbar-default" role="navigation"> 
         <div class="navbar-header"> 
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#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="collapse"> 
          <ul class="nav navbar-nav"> 
           <li><a href="">خانه</a></li> 
           <li><a href="">تماس با ما</a></li> 
           <li><a href="">لینک به ما</a></li> 
           <li><a href="">درباره ما</a></li> 
           <li><a href="">تبلیغات در سایت</a></li> 
          </ul> 
         </div> 
        </nav> 
       </div> 


     </div> 
    </div> 

<div class="container"> 
    <div class="row"> 
    </div> 

</div> 



<!-- ------------------------------bootstrap css link--------------------- --> 
<script type="text/javascript" src="bootstrap.js"></script> 
<script type="text/javascript" src="npm.js"></script> 
<script type="text/javascript" src="jquery-2.1.0.min.js"></script> 

</body> 
</html>

來源

2015-10-18 sajjad.rezaee

jQuery庫應包括以前引導。

<script type="text/javascript" src="jquery-2.1.0.min.js"></script> 
<script type="text/javascript" src="bootstrap.js"></script>

來源

2015-10-18 12:39:04

謝謝你。是工作。請問爲什麼它有這樣的效果？ –

@ sajjad.rezaee bootstrap需要jQuery才能正常工作。如果你沒有用正確的順序導入，boostrap不能看到jQuery方法。 –

是的，我看到，但爲什麼它不能看到jquery時，我引入jquery後導入其他jquery？ –

引導程序導航無法在響應模式下工作

回答

相關問題