如何在AdminLTE-2.4.5中的多级侧边栏上添加活动类

时间:2019-03-22 12:40:03

标签: html css laravel

如何在单击时在AdminLTE-2.4.5侧栏中添加活动类 我在我的laravel应用中添加了多级侧边栏,并且我想在单击它时添加活动类,但是我不知道要这样做,所以我该怎么做才能让身体得到任何帮助

侧边栏图片 http://prntscr.com/n1g3kl

这是我的html代码

<ul class="sidebar-menu" data-widget="tree">
    <li class="treeview">
        <a href="#">
            <i class="fa fa-share"></i> <span>sidebar Menus</span>
            <span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
            </span>
        </a>

        <ul class="treeview-menu">
            <li class="treeview">
                <a href="#"><i class="fa fa-tasks"></i> Operation
                    <span class="pull-right-container">
                        <i class="fa fa-angle-left pull-right"></i>
                    </span>
                </a>
                <ul class="treeview-menu">
                    <li class="treeview">
                        <li><a href="#"><i class="fa fa-circle-o"></i>General Dashboard</a></li>
                    </li>
                </ul>
            </li>
            <li class="treeview">
                <a href="#"><i class="fa fa-building"></i> Department
                    <span class="pull-right-container">
                        <i class="fa fa-angle-left pull-right"></i>
                    </span>
                </a>
                <ul class="treeview-menu">
                    <li class="treeview">
                        <a href="#"><i class="fa fa-circle-o"></i> Driver
                            <span class="pull-right-container">
                                <i class="fa fa-angle-left pull-right"></i>
                            </span>
                        </a>
                        <ul class="treeview-menu">
                            <li><a href="{{ URL::to('drivers') }}"><i class="fa fa-circle-o"></i> All Driver</a></li>
                            <li><a href="#"><i class="fa fa-circle-o"></i> Pending Approval</a></li>
                        </ul>
                    </li>

                </ul>
            </li>
            <li class="treeview">
                <a href="#"><i class="fa fa-user"></i> Bd Partner
                    <span class="pull-right-container">
                        <i class="fa fa-angle-left pull-right"></i>
                    </span>
                </a>
                <ul class="treeview-menu">
                    <li><a href="{{url('/bd-list')}}"><i class="fa fa-circle-o"></i> Bd List</a></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

0 个答案:

没有答案