2013-01-08 85 views
0

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

回答

0

一个问题我的代码是,根据您的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节点,查看导航栏按钮的未阻塞视图。

+0

感谢您的电子邮件我更新了js,但它不能正常工作http://jsfiddle.net/LCJ2V/3/ –

+0

@ user1943618 - 您添加了新的src文件,但您也留在了坏的src链接中。看到你/ 3文件的第1433行。这是一个更新的版本:http://jsfiddle.net/LCJ2V/4/ – mg1075