Background level two vertical menu based on bootstrap [go]

Recently a management project in the background, using the bootstrap front-end development toolkit launched by Twitter, is a CSS3/HTML5-based framework.
Spent the weekend writing a very simple background menu. In the spirit of open source, now share it out (oh, the front-end of the veteran do not look!) ）。
First, look at the structure of the menu:

Preview Address: http://www.huosen.net/demo/bootstrap-menu/index.html
The code for the CSS is:

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758

/*左侧菜单*/.sidebar-menu{    border-right: 1px solid #c4c8cb;}/*一级菜单*/.menu-first{    height:45px;    line-height:45px;    background-color: #e9e9e9;    border-top: 1px solid #efefef;    border-bottom: 1px solid #e1e1e1;    padding: 0;    font-size: 14px;    font-weight: normal;    text-align: center;}/*一级菜单鼠标划过状态*/.menu-first:hover{    text-decoration: none;    background-color: #d6d4d5;    border-top: 1px solid #b7b7b7;    border-bottom: 1px solid #acacac;}/*二级菜单*/.menu-second li a{    background-color: #f6f6f6;    height:31px;    line-height:31px;    border-top: 1px solid #efefef;    border-bottom: 1px solid #efefef;    font-size: 12px;    text-align:center;}/*二级菜单鼠标划过样式*/.menu-second li a:hover {    text-decoration: none;    background-color: #66c3ec;    border-top: 1px solid #83ceed;    border-bottom: 1px solid #83ceed;    border-right: 3px solid #f8881c;    border-left: 3px solid #66c3ec;}/*二级菜单选中状态*/.menu-second-selected {    background-color: #66c3ec;    height:31px;    line-height:31px;    border-top: 1px solid #83ceed;    border-bottom: 1px solid #83ceed;    border-right: 3px solid #f8881c;    border-left: 3px solid #66c3ec;    text-align:center;}/*覆盖bootstrap的样式*/.nav-list,.nav-list li a{    padding: 0px;    margin: 0px;}

123456789101112131415

<div class="sidebar-menu">    <a href="#userMeun" class="nav-header menu-first collapsed" data-toggle="collapse"><i class="icon-user-md icon-large"></i> 用户管理</a>    <ul id="userMeun" class="nav nav-list collapse menu-second">        <li><a href="#"><i class="icon-user"></i> 增加用户</a></li>        <li><a href="#"><i class="icon-edit"></i> 修改用户</a></li>        <li><a href="#"><i class="icon-trash"></i> 删除用户</a></li>        <li><a href="#"><i class="icon-list"></i> 用户列表</a></li>    </ul>    <a href="#articleMenu" class="nav-header menu-first collapsed" data-toggle="collapse"><i class="icon-book icon-large"></i> 文章管理</a>    <ul id="articleMenu" class="nav nav-list collapse menu-second">        <li><a href="#"><i class="icon-pencil"></i> 添加文章</a></li>        <li><a href="#"><i class="icon-list-alt"></i> 文章列表</a></li>    </ul></div>

SOURCE is: http://download.csdn.net/detail/huozhicheng/5127768

Background level two vertical menu based on bootstrap [go]