码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap下拉菜单相关

时间:2017-09-23 14:34:34      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:divide   菜单   disable   drop   head   button   位置   tom   trap   

1.实现普通下拉菜单:.dropdown>button.dropdown-toggle[data-toggle="dropdown"]+ul.dropdown-menu;
2.按钮下拉菜单:把.dropdown换成.btn-group即可。
3.下拉菜单变上拉菜单:.dropdown.dropup或.btn-group.dropup
4.下拉菜单通过绝对定位实现,可通过设置top,bottom,left,right改变下拉菜单出现的位置。
5.dropdown-header(标题),li.divider(分割线),li.active,li.disabled

Bootstrap下拉菜单相关

标签:divide   菜单   disable   drop   head   button   位置   tom   trap   

原文地址:http://www.cnblogs.com/sunxirui00/p/7580927.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!