引导程序导航无法在响应模式下工作

我有这段代码，它无法在响应模式下工作。我的意思是按钮会出现，但是当我点击按钮时，我的导航栏不会出现。我不知道这是什么。 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？ –

引导程序导航无法在响应模式下工作

回答

相关问题