bootstarp下拉菜单的使用方法

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

猜你喜欢

转载自blog.csdn.net/kxj19980524/article/details/84328380