其他分享
首页 > 其他分享> > Bootstrap3 下拉菜单分隔线

Bootstrap3 下拉菜单分隔线

作者:互联网

下拉菜单分隔线

在下拉菜单中,可以使用 class="divider"<li> 空元素,在菜单项之间添加一条水平分隔线,用于将多个动作分组。如:

  1. <ul class="dropdown-menu">
  2.  
  3.   <li><a href="#">Action</a></li>
  4.  
  5.   <li><a href="#">Another action</a></li>
  6.  
  7.   <li><a href="#">Something else here</a></li>
  8.  
  9.   <li role="separator" class="divider"></li>
  10.  
  11.   <li><a href="#">Separated link</a></li>
  12.  
  13. </ul>

效果如图 3‑13所示:

下拉菜单分隔线

图3-13 下拉菜单分隔线

 

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

标签:13,分隔线,JSON,HTML,下拉菜单,CSS,Bootstrap3
来源: https://blog.csdn.net/ixygj197875/article/details/90180749