Bootstrap系列 -- 25. 下拉菜单分割线

简介:   在Bootstrap框架中的下拉菜单还提供了下拉分隔线,假设下拉菜单有两个组,那么组与组之间可以通过添加一个空的,并且给这个添加类名“divider”来实现添加下拉分隔线的功能。    下拉菜单 下拉菜单项 下拉菜...
+关注继续查看

 

  在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> 

 

相关文章
|
1月前
|
前端开发
Bootstrap 下拉菜单事件
Bootstrap 下拉菜单事件
|
2月前
|
前端开发 JavaScript
|
2月前
|
前端开发 容器
|
2月前
|
前端开发 JavaScript
|
3月前
|
前端开发 JavaScript 容器
Bootstrap 下拉菜单
Bootstrap 下拉菜单
28 0
|
11月前
|
前端开发
bootstrap 组件之轮播图 折叠面板 下拉菜单 学习总结
bootstrap 组件之轮播图 折叠面板 下拉菜单 学习总结
|
开发框架 前端开发 开发者
Bootstrap 组件_按钮式下拉菜单 | 学习笔记
快速学习 Bootstrap 组件_按钮式下拉菜单
132 0
|
开发框架 前端开发 JavaScript
Bootstrap 组件_下拉菜单|学习笔记
快速学习 Bootstrap 组件_下拉菜单
109 0
|
JSON 前端开发 数据库
Bootstrap级联下拉菜单,你肯定用得到(2)
Bootstrap级联下拉菜单,你肯定用得到
247 0
|
JSON 前端开发 JavaScript
Bootstrap级联下拉菜单,你肯定用得到(1)
Bootstrap级联下拉菜单,你肯定用得到
342 0
Bootstrap级联下拉菜单,你肯定用得到(1)
相关产品
云迁移中心
推荐文章
更多