颜色
我们提供了一组颜色供您选择。
基本
需要注意的是,包裹下拉菜单的元素需要
position: relative;
。
对齐
默认情况下,下拉菜单是相对于父元素左对齐的,如果需要右对齐,给下拉菜单
.dropdown-menu
添加
.dropdown-menu-right
类即可。
标题
为下拉菜单添加标题分组
分割线
为下拉菜单添加分割线。
禁用菜单项
在菜单项的
<li>
上添加
.disabled
类即可禁用该项。
选中菜单项
在菜单项的
<li>
上添加
.active
类即可选中该项。
大小
在不同大小的按钮上显示下拉菜单
带图标的菜单项
带徽章的菜单项
动画
给下拉菜单添加
.animate
和自定义动画类可实现动画
分割按钮
带分隔符的按钮下拉菜单示例。
上拉效果
为下拉菜单的父元素添加
.dropup
类即可实现上拉效果。
带箭头
只需在下拉菜单上添加
.bullet
类即可实现。
鼠标悬停显示下拉菜单插件 官网
二级菜单
需要给菜单项
li
添加
.dropdown-submenu
来显示二级菜单。