2012-09-24 30 views
0

我有這樣的代碼:手機菜單中Twiitter引導網頁沒有顯示

<!DOCTYPE html> 
<html> 
<head> 
    <title>Webpage</title> 
    <!--[if lt IE 9]> 
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script> 
    <![endif]--> 

    <!-- CSS 
    ================================================== --> 
    <link rel="stylesheet" href="css/bootstrap.css"> 
    <link rel="stylesheet" href="css/bootstrap-responsive.css"> 
    <script type="text/javascript" src="js/bootstrap.js"></script> 

    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta charset="utf-8"> 
</head> 
<body> 
    <div class="navbar navbar-fixed-top navbar-inverse"> 
    <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="#">La Estación Argentina</a> 
     <div class="nav-collapse"> 
      <ul class="nav"> 
      <li><a href="index.html">Home</a></li> 
         <li><a href="index.html">Nosotros</a></li> 
         <li><a href="index.html">Menú</a></li> 
         <li><a href="index.html">Galería</a></li> 
         <li><a href="index.html">Ubicación</a></li> 
         <li><a href="index.html">Promociones</a></li> 
         <li><a href="index.html">Contacto</a></li> 
      </ul> 
     </div> 
     </div> 
    </div> 
    </div> 

    <div class="container"> 
    <div class="row"> 
     <div class="span9"></div> 
     <div class="span3"> 
     </div> 
    </div> 
    </div> 
</body> 
</html> 

和代碼,用CSS應用爲我們提供了這樣的結果,當「shinking」的頁面(響應速度完美的作品):

SampleImagen

但是,當點擊按鈕在手機上顯示菜單元素時,它不顯示任何內容(但全寬頁面確實有菜單元素)爲什麼會發生這種情況?

+0

有你有這方面的一個工作版本,我們可以看到?如果你正在桌面上測試這個,確保你的jQuery正在被加載,因爲我認爲點擊事件並沒有被觸發。 – justinavery

+0

這是它的工作示例:http://eargentina.wavessenger.appspot.com/並且不,它不起作用u.u – Jmlevick

回答