在引导程序中折叠不起作用

网页运行正常，但当我更改它的大小（缩小）并单击按钮时，它不会折叠。下面是我的代码。在引导程序中折叠不起作用

<!DOCTYPE html> 
    <html> 
     <head> 
      <title>Template 1</title> 
      <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
      <link rel="stylesheet" href="css/bootstrap.min.css"> 

     </head> 

     <body> 

      <div class="navbar navbar-inverse navbar-static-top"> 
       <div class="container"> 
        <a href="#" class="navbar-brand">zdfgdfgf</a> 
        <a class = "navbar-toggle" data-toggle = "collapse" data-target = ".navHeaderCollapse"> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 

        </a> 

        <div class = "collapse navbar-collapse navHeaderCollapse"> 
         <ul class = "nav navbar-nav navbar-right"> 
          <li class="active"><a href = "#">Home</a></li> 
          <li><a href = "#">Social media</a></li> 
          <li><a href = "#">About</a></li> 
          <li><a href = "#">Contact</a></li> 


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

      <script src="js/bootstrap.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
     </body> 
    </html>

任何人都可以帮忙吗？

this happened after fixing the collapsing problem using the 1st answer

来源

2014-10-20 Sanjaya

一个问题是，bootstrap.js必须jQuery的后加载，这样的：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="js/bootstrap.js"></script>

来源

2014-10-20 13:49:12 Macsupport

是固定崩溃的问题。但现在它正在崩溃，如图片above..I需要从下一行折叠它，这意味着Home链接应该到达下一行。 – Sanjaya 2014-10-20 15:43:44

这里是一个jsfiddle（假设bootstrap 3）[示例]（http://jsfiddle.net/0e9peu3r/） – Macsupport 2014-10-20 16:24:00

thanx thanx很多:) – Sanjaya 2014-10-20 16:31:14

在引导程序中折叠不起作用

回答

相关问题