Bootstrap's Level two vertical menu

Css

/* left menu */.sidebar-menu{    border-right: 1px solid  #c4c8cb;} /* Level menu */.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;} /* First menu mouse over state */.menu-first:hover{    text-decoration: none;     background-color:  #d6d4d5;    border-top: 1px solid  #b7b7b7;     border-bottom: 1px solid  #acacac;} /* Level two menu */.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;} /* Two-level menu mouse across style */.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;} /* Level Two menu selected state */.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;} /* Override the bootstrap style */.nav-list,.nav-list li a{    padding: 0px;     margin: 0px;}

HTML5

<div class= "Sidebar-menu" >    <a href= "#userMeun"  class= " Nav-header menu-first collapsed " data-toggle=" collapse "><i class=" icon-user-md  Icon-large "></i>  User management </a>    <ul id=" Usermeun " class=" Nav  nav-list collapse menu-second ">        <li> <a href= "#" ><i class= "Icon-user" ></i>  Add users </a></li>         <li><a href= "#" ><i class= "Icon-edit" ></i >  Modify User </a></li>        <li><a href= " # "><i class=" Icon-trash "></i>  Delete users </a></li>         <li><a href= "#" ><i class= "icon-list" ></i>  user list </a ></li>     </ul>    <a href= "#articleMenu"  class= "Nav-header  menu-first collapsed " data-toggle=" collapse "><i class=" Icon-book icon-large " ></i>  article Management </a>    <ul id= "Articlemenu"  class= "nav  Nav-list collapse menu-second ">        <li><a  href= "#" ><i class= "Icon-pencil" ></i>  add article </a></li>         <li><a href= "#" ><i class= "Icon-list-alt" ></ i>  article List </a></li>    </ul></div>

Demo Address http://www.huosen.net/demo/bootstrap-menu/index.html

Bootstrap's Level two vertical menu