bootstrap 垂直菜單欄樣式

首先說下子類菜單連的toggle事件，有效率的提高了我們的UI頁面效率

在這里引入了bootstrap的CSS和JS就會直接根據樣式來調用 通過

　　事件調用data-toggle="collapse" class="nav-header collapsed"

 

.secondmenu a {
font-size: 10px;
color: #4A515B;
text-align: center;
}

<ul id="main-nav" class="nav nav-tabs nav-stacked" style="">

<li>

• <a href="#duijiang" class="nav-header collapsed" data-toggle="collapse">

1. <i class="glyphicon glyphicon-calendar"></i>
2. 兌獎充值提款

• </a>
• <ul id="duijiang" class="nav nav-list collapse secondmenu（這個自定義的）" style="height: 0px;">

1. <li><a href="#"><i class="glyphicon glyphicon-user"></i>用戶管理</a></li>
2. <li><a href="#"><i class="glyphicon glyphicon-th-list"></i>菜單管理</a></li>
3. <li><a href="#"><i class="glyphicon glyphicon-asterisk"></i>角色管理</a></li>
4. <li><a href="#"><i class="glyphicon glyphicon-edit"></i>修改密碼</a></li>
5. <li><a href="#"><i class="glyphicon glyphicon-eye-open"></i>日志查看</a></li>

• </ul>

</li>

</ul>