没个性的七秒鱼
2016-09-22 10:49
“使用了一个按钮做为父菜单,并且定义类名“dropdown-toggle”和自定义“data-toggle”属性,且值必须和最外容器类名一致。”这里说的不严谨,官方文档说法:将下拉菜单触发器和下拉菜单都包裹在 .dropdown 里,或者另一个声明了 position: relative; 的元素。 经测试,官方说法是对的,最外容器类名无所谓是什么,但是一样要有相对定位,button按钮必须要有data-toggle,并且值必须是dropdown!
看样子老师讲的也有疏漏
测试代码:
<div class="ceshi" style="position:relative">
<button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown">
Large button <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li class="divider"></li>
<li><a href="#">3</a></li>
</ul>
</div>
玩转Bootstrap(基础)
314544 学习 · 2275 问题
相似问题