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

回答

相關問題