                        課程
                    
                        /前端開發
                        
                            /Bootstrap
                        
                        /玩轉Bootstrap（基礎）

關于data-toggle="dropdown"

不是說下拉菜單的 ?data-toggle="dropdown"中的“dropdown”要與最外層容易名稱保持一致的嗎？

小楊光2014

2015-08-03

源自：玩轉Bootstrap（基礎） 5-9

關注問題我要回答

18800

操作

收起

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 回復有任何疑惑可以回復我~

收起回答