【手风琴页面如何实现】

手风琴页面如何实现

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(1)

详细描述

截图

代码

<div class="home">
    <nav class="navbar navbar-default container-fluid" role="navigation">
        <!--上面部分-->
        <div class="row">
            <!--上面左边部分-->
            <div class="navbar-header col-md-3 col-sm-4 col-lg-2 col-xs-12">
                <button type="button" class="navbar-toggle" data-toggle="collapse"
                        data-target="#example-navbar-collapse">
                    <span class="sr-only">切换导航</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <p class="nav-left-p">萝卜多后台管理系统</p>
            </div>
            <!--上面右边部分-->
            <div class="nav-right col-md-9 col-sm-8 col-lg-10 col-xs-12">
                <a href="#" class="nav-right-a">管理员</a>
                <span>|</span>
                <a href="#" class="nav-right-a">admin</a>
                <span>|</span>
                <div class="nav-shut">
                    <i class="glyphicon glyphicon-off"></i>
                </div>
            </div>
        </div>
        <!--下面部分-->
        <div class="row below">
            <!--左侧导航栏-->
            <div class="collapse collapse-a col-md-3 col-sm-4 col-lg-2 col-xs-12" id="example-navbar-collapse">
                <ul class="nav navbar-nav">
                    <li ui-sref=".page1"><a href="#">iOS</a></li>
                    <li ui-sref=".page1"><a href="#">SVN</a></li>
                    <li ui-sref=".page1"><a href="#">SVN</a></li>
                    <li ui-sref=".page1"><a href="#">SVN</a></li>
                </ul>
            </div>
            <div class="home-content col-md-9 col-sm-8 col-lg-10 col-xs-12">
                <div class="ui-view">
                    <h1>Welcome!</h1>
                </div>
            </div>
        </div>
    </nav>
</div>

编辑于2024-11-23

时间排序

热门排序

[武汉|结业弟子]JS-曾健
0

使用angular ui-bootstrap，修改默认样式，再结合ng-repeat把选项渲染到风琴菜单上，然后做状态保存

查看全部>

编辑于2018-09-21

去第页