作者:
WangMin
格言:努力做好自己喜欢的每一件事
CSDN原创文章
博客地址 👉 WangMin
下拉菜单主体结构参照 Bootstrap 组件:下拉菜单组件的使用 部分,这里主要讲下拉菜单的主要效果的实现。
使用
- 通过data数据属性或JavaScript,dropdown插件通过切换父列表项上的.open类来切换隐藏的内容(下拉菜单)。
- 在移动设备上,打开一个下拉菜单会添加一个.dropdown背景作为一个点击区域,当你在菜单外点击时,可以关闭下拉菜单。这意味着从一个打开的下拉菜单切换到另一个不同的下拉菜单需要在移动设备上进行额外的点击。
- 注意:data-toggle=“dropdown”属性依赖于在应用程序级别关闭下拉菜单,因此最好始终使用它。
1. 通过data数据属性
将data toggle=“dropdown”添加到链接或按钮以切换下拉列表。
<button class="btn btn-default dropdown-toggle" data