Question

我一直试图让我的导航栏崩溃，但它不起作用。我已经阅读了其他人在这个网站上对同一个问题的回复，但我仍然无法让它工作。这是我的HTML：

<!DOCTYPE html>
<html lang="en">   
  <head>   
    <meta charset="utf-8">   
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TitleHere</title>   
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
  </head> 
  <body>  

    <div class="container">

      <header class="row">
        <div class="span12">
          <nav class="navbar">
            <div class="navbar-inner">
              <a href="#" class="brand">BrandHere</a>
              <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </a> 
              <div class="nav-collapse collapse">
                <ul class="nav">
                  <li class="divider-vertical"></li>
                  <li><a href="#">Link1</a></li>
                  <li class="divider-vertical"></li>
                  <li><a href="#">Link2</a></li>
                  <li class="divider-vertical"></li>
                  <li><a href="#">Link3</a></li>
                  <li class="divider-vertical"></li>
                  <li><a href="#">Link4</a></li>
                  <li class="divider-vertical"></li>
                </ul>
              </div>
            </div>
          </nav>
        </div>
      </header>

      <div class="row" id="main-content">
        <div class="span12"></div>
      </div>

      <footer class="row"></footer>

    </div>
      <script src="bootstrap/js/jquery-2.0.3.min.js"></script>
      <script src="bootstrap/js/bootstrap.min.js"></script>    
  </body> 
</html>

文件的位置和src标签中的路径是正确的，所以我不确定它为什么不起作用。我在Chrome和Firefox上都试过这个网站。

有什么想法吗？

由于

可折叠导航twitter bootstrap无法正常工作

0 个答案: