面包屑

在主导航的基础上叠加.nav-breadcrumb即显示为面包屑。

基本样式

    <ul class="nav nav-breadcrumb">
      <li class="active"><a href="javascript:;">栏目</a></li>
      <li><a href="javascript:;">栏目</a></li>
      <li><a href="javascript:;">栏目</a></li>
      <li><a href="javascript:;">栏目</a></li>
    </ul>

箭头分隔

    <ul class="nav nav-breadcrumb nav-breadcrumb-arrows">
      <li class="active"><a href="javascript:;">栏目</a></li>
      <li><a href="javascript:;">栏目</a></li>
      <li><a href="javascript:;">栏目</a></li>
      <li><a href="javascript:;">栏目</a></li>
    </ul>

深色背景

    <ul class="nav nav-breadcrumb bg-main nav-inverse radius">
      <li><a href="javascript:;">栏目</a></li>
      <li><a href="javascript:;">栏目</a></li>
      <li><a href="javascript:;">栏目</a></li>
      <li><a href="javascript:;">栏目</a></li>
    </ul>