0

我一直试图让我的导航栏折叠但它不起作用。我在这个网站上阅读了其他人对同样问题的回复，但我仍然无法让它工作。这是我的 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 中尝试过该网站。

有任何想法吗？

谢谢

4

0 回答 0