Bootstrap Navbar Responsive

努力了解我在这里做错了什么。Bootstrap Navbar Responsive

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<link rel="stylesheet" type="text/css" href="Cyborg/bootstrap.css"> 
<link rel="stylesheet" type="text/css" href="bootstrap-responsive.css"> 
</head> 

<body> 

<div id="navigation"> 

    <div class="navbar"> 
     <div class="navbar-inner"> 
      <div class="container"> 
       <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> 
       <a class="brand" href="#">Project Name</a> 
        <div class="nav-collapse"> 
         <ul class="nav"> 
          <li><a href="/home.aspx">HOME</a></li> 
          <li><a href="/news.aspx">NEWS</a></li> 
          <li><a href="/thingstodo.aspx">THINGS TO DO</a></li> 
          <li><a href="/business.aspx">BUSINESS</a></li> 
          <li><a href="/sport.aspx">SPORT</a></li> 
          <li><a href="/villagelife.aspx">VILLAGE LIFE</a></li> 
          <li><a href="/talk.aspx">TALK</a></li> 
         </ul> 
        </div><!-- /.nav-collapse --> 
      </div><!-- /.container --> 
     </div><!-- /.navbar-inner --> 
    </div><!-- /.navbar --> 
</div> 
</body> 
<script src="/ajax/libs/jquery/1.9.0/jquery.min.js" /> 
<script src="js/bootstrap.min.js" /> 
</html>

该按钮出现在@media小于940像素，但按钮不激活！

现在已经相当令人沮丧，都遵循例子，但只是没有得到任何地方

任何想法吗？

来源

2013-02-28 Mark Cooney

你是什么意思激活？ – sheriffderek 2013-03-01 00:02:32

我已经在这里设置了一个小提琴：http://jsfiddle.net/kbwLn/似乎工作正常，请问您能详细说明问题是什么？你100％确定你的所有资源（js和css）加载正确吗？ – 2013-03-01 02:45:23

包含nav-collapse的div必须包含collapse类。此外引导响应CSS是必需的，所以确保其正确放置。

执行以下操作：

<div class="nav-collapse collapse">

确保两个CSS文件在同一目录下的一个很好的做法，你们有以下方式

<link rel="stylesheet" type="text/css" href="Cyborg/bootstrap.css"> /*here in cyborg directory*/ 
<link rel="stylesheet" type="text/css" href="bootstrap-responsive.css">/*put this one in Cyborg as well */

其放置在这样的机器侠目录：

<link rel="stylesheet" type="text/css" href="Cyborg/bootstrap-responsive.css">

jquery链接似乎也是问题，使用以下内容：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> 
    </script>

来源

2013-03-01 02:20:18 Shail

谢谢大家，我刚刚发现了一些相当愚蠢的东西。 Chrome正在致力于需要和现在工作。 – 2013-03-01 08:25:20

谢谢大家，我刚刚发现了一些相当愚蠢的东西。 Chrome正在致力于/>原则。需要和现在工作。

来源

2013-03-01 08:25:51

Bootstrap Navbar Responsive

回答

相关问题