bootstrap组件之按钮式下拉菜单小结

前端之家收集整理的这篇文章主要介绍了bootstrap组件之按钮式下拉菜单小结前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1、单按钮下拉菜单

基础的下拉菜单最外层是.dropdown的div

现在只需要改成.btnd-group的div就可以实现单按钮的下拉菜单

2、分裂式按钮下拉菜单

分裂式按钮下拉菜单,就是按钮和图表分离开

这里写图片描述

3、尺寸

在button上添加.btn-lg.btn-sm.btn-xs可以控制按钮大小

4、向上弹出式菜单

只需要在最外层的div上添加一个.dropup就可以实现向上弹出的菜单

这里写图片描述

以上所述是小编给大家介绍的bootstrap组件之按钮式下拉菜单。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的Bootstrap相关文章