Как изменить значок списка Bootstrap 3 при свертывании и развертывании - PullRequest
1 голос
/ 01 октября 2019

У меня есть список с подменю, и я не могу изменить значок, когда содержимое сворачивается и расширяется.

<!-- Left side column. contains the logo and sidebar -->
    <aside class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
        <ul class="sidebar-menu">
                <li th:class="${CURRENT_MENU == 'Users' || CURRENT_MENU == 'Roles'}? 'active' : 'null'"
                    sec:authorize="hasAnyRole('ROLE_USERS','ROLE_ROLES')"
                    class="treeview" id="scrollspy-components"><a
                    href="javascript:void(0)"><i class="fa fa-user-circle-o"></i>
                        <span>User Management</span></a>
                    <ul class="nav treeview-menu">
                        <li th:class="${CURRENT_MENU == 'Users'}? 'active' : ''"
                            sec:authorize="hasRole('ROLE_USERS')"><a
                            href="#" th:href="@{'/users'}"> <i class="fa fa-users"></i><span>
                                    Users</span></a></li>

                        <li th:class="${CURRENT_MENU == 'Roles'}? 'active' : ''"
                            sec:authorize="hasRole('ROLE_ROLES')"><a
                            href="#" th:href="@{'/roles'}"> <i class="fa fa-tag"></i><span>
                                    Roles</span></a></li>

                    </ul>
                </li>
        </ul>
        </section>
    </aside>
...