小船大帆
2016-05-10 19:49
代码和这里的一样但是出现的是列表不是下拉菜单
最好不要使用IE,换个浏览器,应该是兼容性问题。
Bootstrap框架中的下拉菜单组件时,其结构运用的正确与否非常的重要,如果结构和类名未使用正确,直接影响组件是否能正常运用。我们来简单的看看:
1、使用一个名为“dropdown”的容器包裹了整个下拉菜单元素,示例中为:
<div class="dropdown"></div>
2、使用了一个<button>按钮做为父菜单,并且定义类名“dropdown-toggle”和自定义“data-toggle”属性,且值必须和最外容器类名一致,此示例为:
data-toggle="dropdown"
3、下拉菜单项使用一个ul列表,并且定义一个类名为“dropdown-menu”,此示例为:
<ul class="dropdown-menu">
示例:
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button"><span class="caret"></span></button>
<ul class="dropdown-menu">
<li></li>
<li></li>
<li></li>
</ul>
</div>
玩转Bootstrap(基础)
314546 学习 · 2275 问题
相似问题