下拉菜单
基础下拉菜单
在.dropdown
中包装下拉列表的触发按钮或链接,或声明 position: relative;
.可以从 <a>
或 <button>
触发.
使用上拉效果
通过向父元素添加 .dropup
触发菜单在元素上方显示.
右侧下拉菜单
通过向父元素添加.dropright
来触发元素右侧的下拉菜单。
左侧下拉菜单
通过向父元素添加.dropleft
来触发元素左侧的下拉菜单。
使用动画效果
通过使用.dropdown-animated
和 .dropdown
给下拉菜单添加动画效果.
注意: 动画效果仅适用于 .dropdown
。 flip
效果将被禁用.
使用向右缩放效果
添加 .scale-right
到 .dropdown
使用 .dropdown-animated
添加到下拉菜单的左下角.
注意: 动画效果仅适用于 .dropdown
。 flip
效果将被禁用.
使用向左缩放效果
添加 .scale-left
到 .dropdown
使用 .dropdown-animated
添加到下拉菜单的右下角.
注意: 动画效果仅适用于 .dropdown
。 flip
效果将被禁用.
菜单标题
在任何下拉菜单中添加一个标题.dropdown-header
来标记操作部分。
菜单分隔符
用分隔符将菜单项分组。
菜单选择器
下拉菜单项添加 .active
,设置为选择器样式.
菜单项禁用
菜单项添加 .disabled
设置为 此菜单项被禁用.