【问题标题】:drop down menu bootstrap code下拉菜单引导代码
【发布时间】:2012-12-22 22:30:32
【问题描述】:
【问题讨论】:
标签:
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 节点以获得导航栏按钮的无障碍视图。