Bootstrap系列 -- 25. 下拉菜单分割线
2015-06-25 22:23
615 查看
在Bootstrap框架中的下拉菜单还提供了下拉分隔线,假设下拉菜单有两个组,那么组与组之间可以通过添加一个空的<li>,并且给这个<li>添加类名“divider”来实现添加下拉分隔线的功能。
<div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"> 下拉菜单 <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li> <li role="presentation" class="divider"></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li> </ul> </div>
相关文章推荐
- Bootstrap系列 -- 24. 下拉菜单基本用法
- Bootstrap系列 -- 23. 图片
- Bootstrap系列 -- 22. 按钮详解
- Bootstrap系列 -- 22. 按钮
- 利用bootstrap中tooltip的使用,弹出微信二维码
- bootstrap 禁用 modal 点击空白处关闭事件
- Bootstrap系列 -- 21. 表单提示信息
- 《Bootstrap实战》
- Bootstrap系列 -- 20. 禁用状态
- Bootstrap系列 -- 19. 焦点状态
- Bootstrap系列 -- 18. 表单控件大小
- Bootstrap-Datatable学习笔记整理第1节
- Bootstrap系列 -- 17. 复选框checkbox和单选择按钮radio
- Bootstrap系列 -- 16. 文本域textarea
- bootstrap小技巧
- Bootstrap系列 -- 15. 下拉选择框select
- Bootstrap系列 -- 14. 表单控件输入框input
- Bootstrap系列 -- 13. 内联表单
- Bootstrap系列 -- 12. 水平表单
- Bootstrap系列 -- 11. 基础表单