BootStrap面包屑导航

  面包屑导航：

  我个人的理解是显示出你所在网页的什么位置，如何返回。例如：主页》栏目》XX文章。

  使用的是BootStrap的Breadcrumbs属性，源码如下

//基础样式
.breadcrumb {
 padding: 8px 15px;
 margin-bottom: 20px;
 list-style: none;
 background-color: #f5f5f5;
 border-radius: 4px;
}
//所有li项都是内联块方式
.breadcrumb > li {
 display: inline-block;
}
//并且li项才起作用
.breadcrumb > li + li:before {
 padding: 0 5px;
 color: #ccc;
 content: "/";
}
//设置当前项的颜色
.breadcrumb > .active {
 color: #777;
}

<ol class="breadcrumb">
  <li><a href="#">guapi</a></li>
  <li><a href="#">BootStrap </a></li>
  <li class="active">BootStrap 面包屑导航 </li>

</ol>