ace bootstrap后台框架-div收缩

ACE所谓的div收缩，id、class都是在代码中写死的，不能随意改动

.sidebar-collapse  {

1. border-bottom: 1px solid  #e0e0e0 ;
2. background-color:  #f3f3f3 ;
3. text-align: center;
4. padding: 3px 0;
5. position: relative;

}

.icon-double-angle-left:before  {

1. content: "\f130";

}

将两个样式放入新增的两个属性中，data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"，分别对应展开、收缩图标文字

案例

<div class="sidebar" id="sidebar"> 

     <!-- /.nav-list --> 
     <div class="sidebar-collapse" id="sidebar-collapse"> 
      <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i> 
     </div> 

</div>