Question

我正在使用twitter bootstrap网站使用此示例来开发我的网站 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中的代码，你没有正确加载外部资源。

对于boostrap .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元素覆盖了导航栏的右上角。使用谷歌浏览器摆脱它的一种方法是使用html检查器并删除导航栏按钮的未受阻碍视图的.window_label节点。

下拉菜单引导代码

1 个答案: