<nav class="navbar navbar-fixed-top" style="background-color: white;"> <div class="container" > <div class="dropdown"> <button class="btn btn-primary" data-toggle="dropdown"> 您好,<span class="glyphicon glyphicon-user"></span>15235180228<span class="glyphicon glyphicon-triangle-bottom"></span> </button> <ul class="dropdown-menu"> <li><a><span class="glyphicon glyphicon-picture"></span>查看账号信息</a></li> <li><a><span class="glyphicon glyphicon-edit"></span>修改账户信息</a></li> <li class="divider"></li> //分割线 //下面这部分是嵌套使用下拉菜单的多级目录 <li class="dropdown-submenu"> <a tabindex="-1" href="#">More options</a> <ul class="dropdown-menu"> <li><a tabindex="-1" href="#">Second level link</a></li> <li><a tabindex="-1" href="#">Second level link</a></li> <li><a tabindex="-1" href="#">Second level link</a></li> <li><a tabindex="-1" href="#">Second level link</a></li> <li><a tabindex="-1" href="#">Second level link</a></li> </ul> </li> </ul> </div> </div> </nav>
bootstarp下拉菜单的使用方法
猜你喜欢
转载自blog.csdn.net/kxj19980524/article/details/84328380
今日推荐
周排行