Bootstrap CSS组件之按钮下拉菜单

Bootstrap CSS组件之按钮下拉菜单

按钮下拉菜单

结合使用.btn-group(btn-group-lg/btn-group-sm/btn-group-xs) .dropup .btn .dropdown-menu

按钮下拉菜单是在普通的下拉菜单的基础上封装了.btn样式得效果，就类似于单击一个button按钮，然后显示隐藏的下拉菜单。

组合式下拉菜单

分离式下拉菜单

向上弹起的下拉菜单

//源码，css实现方式主要是设置.dropdown-menu样式容器的bottom为100%

.dropup .dropdown-menu,

.navbar-fixed-bottom .dropdown .dropdown-menu {

top: auto;//高度自适应

bottom: 100%;//距离dropup样式得元素底部100%的宽度，即靠着上边框，向上方向弹出

margin-bottom: 2px;

}

Success

Button

Button

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。