关于data-toggle="dropdown"

来源:5-9 按钮(嵌套分组)

小杨光2014

2015-08-03 22:09

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

写回答 关注

8回答

  • 新一代英雄
    2015-08-28 13:27:26
    已采纳

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

    Beckyb... 回复qiandu...

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

    2016-06-25 10:57:53

    共 3 条回复 >

  • qq_米色晨曦_0
    2017-03-14 12:33:02

    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">

    <span class="caret"></span>

    </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>


  • qq_米色晨曦_0
    2017-03-14 12:23:47

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

  • qq_嘿嘿_33
    2017-03-06 14:56:31

    保证可以出现设置的菜单选项

  • di7xian
    2017-02-17 15:00:41

    看到这,懵逼了。

  • Aries_6
    2016-07-15 09:41:44
    class=


  • 糊涂的我
    2015-10-27 15:56:07

    就像数据库的触发器   加上这个就可以实现下拉效果了


  • 恰北北
    2015-08-06 14:38:48

    同问,而且,button的dropdown-toggle的作用是什么?删掉之后也没啥啊

    owen11... 回复慕粉1573...

    button的drop-toggle的作用是确保按钮四周的圆角,如果去掉,你会发现圆角变成直角

    2016-11-14 10:59:10

    共 3 条回复 >

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314544 学习 · 2275 问题

查看课程

相似问题