下拉菜單引導代碼

Question

我在Twitter上引導網站 工作用這個例子來開發我的網站 http://twitter.github.com/bootstrap/examples/hero.html 但問題是，當我減少我的瀏覽器的大小，我看到的菜單圖標，但是當我點擊它，我沒有看到下拉菜單 如何解決它 提供以下

http://jsfiddle.net/LCJ2V/

<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> 

Answer 1

一個問題我的代碼是，根據您的jsfiddle的代碼，你是不是正確加載外部資源。

對於自舉.js文件，試試這個：

<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-alert.js"></script> 
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-modal.js"></script> 
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script> 
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-scrollspy.js"></script> 
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tab.js"></script> 
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js"></script> 
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-popover.js"></script> 
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-button.js"></script> 
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-collapse.js"></script> 
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-carousel.js"></script> 
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-typeahead.js"></script> 

另一個問題是，的jsfiddle的.window_label元素被覆蓋導航欄的右上角。使用Google Chrome擺脫它的一種方法是使用html檢查器 並刪除.window_label節點，查看導航欄按鈕的未阻塞視圖。