下拉菜单引导代码答案

【问题标题】：drop down menu bootstrap code下拉菜单引导代码
【发布时间】：2012-12-22 22:30:32
【问题描述】：

我正在开发 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>

【问题讨论】：

标签： html jquery-ui css twitter-bootstrap

【解决方案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 元素覆盖了导航栏的右上角。使用 Google Chrome 摆脱它的一种方法是使用 html 检查器并删除 .window_label 节点以获得导航栏按钮的无障碍视图。

【讨论】：

感谢您在 js 中更新的电子邮件，但它无法正常工作 jsfiddle.net/LCJ2V/3
@user1943618 - 您添加了新的 src 文件，但您也留下了错误的 src 链接。请参阅 /3 文件的第 1433 行。这是更新版本：jsfiddle.net/LCJ2V/4