                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

关于data-toggle="dropdown"

不是说下拉菜单的 data-toggle="dropdown"中的“dropdown”要与最外层容易名称保持一致的吗？

小杨光2014

2015-08-03

源自：玩转Bootstrap（基础） 5-9

关注问题我要回答

18673

操作

收起

8 回答

新一代英雄回答被采纳 +3 积分
2015-08-28

dropdown-toggle是下拉菜单样式，data-toggle是js属性，而dropdown是属性值。data-toggle="dropdown"表示引用js给外层添加一个open类

5 回复有任何疑惑可以回复我~

收起回答

小杨光2014 提问者

非常感谢！

2015-11-03 回复有任何疑惑可以回复我~

qianduancainiao

还是没明白,值是dropdown,和最外层容器的名称不是不一样吗?

2016-03-26 回复有任何疑惑可以回复我~

Beckybei 回复 qianduancainiao

最外层的 <div class="dropdown"></div> 名称相同

2016-06-25 回复有任何疑惑可以回复我~

qq_米色晨曦_0
2017-03-14

class="dropdown-toggle"的作用是按钮右侧的圆角。去掉dropdown-toggle，你会发现UL的右侧变成了直角，而且，按钮宽度变宽了。<div class="btn-group"><button class="btn btn-default">下拉菜单</button><button class="btn btn-default dropdown-toggle" data-toggle="dropdown">

</button><ul class="dropdown-menu"><li class="dropdown-header">header</li><li><a href="#">1</a></li><li class="divider"></li><li class="active"><a href="#">1</a></li><li><a href="#">1</a></li><li><a href="#">1</a></li></ul></div>

1 回复有任何疑惑可以回复我~

收起回答