引导下拉列表没有样式化。
引导下拉列表没有样式化。
提问于 2014-01-03 20:20:18
我正在使用引导3的模板工作，下拉菜单看起来非常复杂，我不明白。
<div class="dropdown">
<button class="btn dropdown-toggle sr-only" type="button" id="dropdownMenu1" data-toggle="dropdown">
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
<li role="presentation" class="divider"></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
</ul>
</div>这是我的代码，我从http://prntscr.com/2g8507复制它。我的浏览器是空的，不知道为什么。检查元件处有0处错误。CSS文件是连接的，js也是。
回答 4
Stack Overflow用户
回答已采纳
发布于 2014-01-03 20:30:04
包括css和js文件，然后您必须使用适当的结构。
演示：http://jsfiddle.net/Rj8Nd/3/
<ul class="nav nav-pills">
<li class="dropdown">
<a id="drop4" role="button" data-toggle="dropdown" href="#">Dropdown <b class="caret"></b></a>
<ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop4">
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
<li role="presentation" class="divider"></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
</ul>
</li>
</ul>还要小心，在bootstrap.js之前将jquery包含在您的网站中。
Stack Overflow用户
发布于 2014-01-03 20:30:15
首先，您还没有加载引导程序，所以它看起来不太好看。它显示得不好，但我不知道你所说的“浏览器空”是什么意思.在我看来是这样：
Stack Overflow用户
发布于 2014-01-03 21:28:17
当我忘记在JQuery之前包括bootstrap.js时，这似乎是我遇到的一个问题
包括Jquery吗？它是在引导之前加载的吗？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20912048
复制相关文章
相似问题
腾讯云开发者
