2012-05-15 26 views
0

我也通過多次引導下拉問題搜索,但沒有看到任何與同特定的問題,因爲我自己!引導下拉子菜單沒有平板電腦/手機視圖正確顯示

我在與Bootstap下拉導航欄子菜單的...

我使用的引導(V2.0.3)最新發布的

現在一切似乎是工作的罰款問題在標準桌面視圖中 - 但是當我縮小瀏覽器寬度(或iPhone/iPad上的視圖)時,子菜單無法正常工作。

最好的,如果你只是去訪問我的測試現場,在TEST SITE

正如你所看到的,「積分表」下拉是在桌面視圖罰款,但在「移動」某種看法是錯誤的。 '彈出'不起作用,子菜單永久顯示。

我相信我也跟着示例代碼完全相同(不是通過「升級文檔」找出其他的「插入符號」需要在一個新的不同的方式來實施的例子是如何顯示)

這裏我當前的代碼:

<div class="navbar navbar-fixed-top"> 
    <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="#"><img alt="F1Stockcars.com" src="../assets/img/logo.png"></a> 
     <div class="nav-collapse"> 
     <ul class="nav"> 

      <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
      Points Tables 
      <span class="caret"></span> 
      </a> 
      <ul class="dropdown-menu"> 
      <li><a href="#">National Points</a></li> 
      <li><a href="#">World Championship Qualifying</a></li> 
      <li><a href="#">Track Championships</a></li> 
      </ul> 
      </li> 
      <li><a href="#">Meeting Results</a></li> 
      <li><a href="#">Drivers</a></li> 
      <li><a href="#">Final Winners</a></li> 
      <li><a href="#">Top Scorers by Meeting</a></li> 
      <li><a href="#">Highest Scores</a></li> 
      <li><a href="#">Back to F1Stockcars.com</a></li> 
     </ul> 
     </div><!--/.nav-collapse --> 
    </div> 
    </div> 
</div> 

我想不出什麼我做錯了,該頁面開始爲榜樣頁面之一,所以應該擁有所有必需的代碼,我已經添加了整個引導框架,我服務器,甚至包括我實際上不需要的javascript。

任何幫助,將不勝感激,因爲我完全被這個

我只有非常基本的技能,所以請保持它的簡單

非常感謝百思不得其解 - 阿德

回答

0

你沒忘了包括bootstart-collapse.js?

它應該工作,如果你添加它。

相關問題