ace bootstrap后台框架-面包屑

ACE的面包屑

.breadcrumb  {

1. background-color:  transparent ;//去除背景色
2. display: inline-block;
3. line-height: 24px;
4. margin: 0 22px 0 12px;
5. padding: 0;
6. font-size: 13px;
7. color:  #333 ;
8. border-radius: 0;//去除椭圆边框

}

原bootStrap：

.breadcrumb  {

1. padding: 8px 15px;
2. margin-bottom: 20px;
3. list-style: none;
4. background-color:  #f5f5f5 ;
5. border-radius: 4px;

}

ace的面包屑更加的纯粹，将背景色、边框等样式放到了夫元素中

.breadcrumbs  {

1. position: relative;
2. border-bottom: 1px solid  #e5e5e5 ;
3. background-color:  #f5f5f5 ;
4. min-height: 41px;
5. line-height: 40px;
6. padding: 0 12px 0 0;
7. display: block;

}

案例：

<div class="breadcrumbs" id="breadcrumbs" style="position:fixed;top:45px;left:190px;;right:0;">
    <ul class="breadcrumb">
<li>
<i class="icon-home home-icon"></i>
<a href="#">首页</a>
</li>
<li class="active">控制台</li>
</ul><!-- .breadcrumb -->
</div>