bootstrap 无限极菜单

    <ul class='wraplist' >

          <li class="open">

               <a href="javascript:;"> <i class="fa fa-folder-open"></i> <span class="title">Menu Levels</span> <span class="arrow  open"></span> </a>

                <ul class="sub-menu" style="display:block;">

                    <li> <a href="javascript:;"> <span class="title">Level 1.1</span> </a> </li>

                    <li class="open"> <a href="javascript:;"> <span class="title">Level 1.2</span> <span class="arrow  open"></span> </a>

                        <ul class="sub-menu" style="display:block;">

                            <li> <a href="javascript:;"> <span class="title">Level 2.1</span> </a></li>

                            <li class="open"> <a href="ujavascript:;"> <span class="title">Level 2.2</span> <span class="arrow  open"></span></a> 

                                <ul class="sub-menu" style="display:block;">

                                    <li class="open"> <a href="javascript:;"> <span class="title">Level 3.1</span> <span class="arrow  open"></span></a> 

                                        <ul class="sub-menu" style="display:block;">

                                            <li> <a href="ujavascript:;"> <span class="title">Level 4.1</span> </a> </li>

                                            <li> <a href="ujavascript:;"> <span class="title">Level 4.2</span> </a> </li>

                                        </ul>

                                    </li>

                                    <li> <a href="ujavascript:;"> <span class="title">Level 3.2</span> </a> </li>

                                </ul>

                            </li>

                        </ul>

                    </li>

                </ul>

         </li>