/*左侧菜单*/
.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;
}
/*覆盖bootstrap的样式*/
.nav-list,.nav-list li a{
padding: 0px;
margin: 0px;
}
<div class="sidebar-menu">
<a href="#Interaction" class="menu-first " data-toggle="collapse"><i class="icon-large"></i> 龙城常州</a>
<ul id="Interaction" class="nav nav-list collapse menu-second">
<li><a href="#"><i ></i> 龙城茶座</a></li>
<li><a href="#"><i ></i> 谈天说地</a></li>
<li><a href="#"><i ></i> 交友征婚</a></li>
</ul>
<br>
<a href="#FashionShopping" class="menu-first" data-toggle="collapse"><i class="icon-large"></i> 时尚购物</a>
<ul id="FashionShopping" class="nav nav-list collapse menu-second">
<li><a href="#"><i ></i> 常州购物狂</a></li>
<li><a href="#"><i ></i> 网购集市</a></li>
</ul>
<br>
<a href="#entertainment" class="menu-first" data-toggle="collapse"><i class="icon-large"></i> 生活娱乐</a>
<ul id="entertainment" class="nav nav-list collapse menu-second">
<li><a href="#"><i ></i> 龙城美食</a></li>
<li><a href="#"><i ></i> 游山玩水</a></li>
<li><a href="#"><i ></i> 家有宠物</a></li>
<li><a href="#"><i ></i> 上班这点事</a></li>
</ul>
</div>