基础下拉菜单

.dropdown中包装下拉列表的触发按钮或链接,或声明 position: relative;.可以从 <a><button> 触发.

使用上拉效果

通过向父元素添加 .dropup 触发菜单在元素上方显示.

右侧下拉菜单

通过向父元素添加.dropright 来触发元素右侧的下拉菜单。

左侧下拉菜单

通过向父元素添加.dropleft 来触发元素左侧的下拉菜单。

使用动画效果

通过使用.dropdown-animated.dropdown给下拉菜单添加动画效果.

注意: 动画效果仅适用于 .dropdownflip 效果将被禁用.

使用向右缩放效果

添加 .scale-right.dropdown 使用 .dropdown-animated 添加到下拉菜单的左下角.

注意: 动画效果仅适用于 .dropdownflip 效果将被禁用.

使用向左缩放效果

添加 .scale-left.dropdown 使用 .dropdown-animated 添加到下拉菜单的右下角.

注意: 动画效果仅适用于 .dropdownflip 效果将被禁用.

菜单标题

在任何下拉菜单中添加一个标题.dropdown-header来标记操作部分。

菜单分隔符

用分隔符将菜单项分组。

菜单选择器

下拉菜单项添加 .active ,设置为选择器样式.

菜单项禁用

菜单项添加 .disabled 设置为 此菜单项被禁用.