我正在 Twitter bootstrap 网站上工作 使用此示例开发我的网站 http://twitter.github.com/bootstrap/examples/hero.html 但问题是,当我减小浏览器大小时,我看到了菜单图标,但是当我单击它时,我看不到下拉菜单 如何修复它 在下面提供我的代码
<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>
最佳答案
一个问题是,根据您的 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
节点以获得导航栏按钮的无障碍 View 。
关于html - 下拉菜单 Bootstrap 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14225691/