# Breadcrumb
---

`.am-breadcrumb` 面包屑导航。

## 基本形式

### 默认分隔符

`````html
<ol class="am-breadcrumb">
  <li><a href="#">首页</a></li>
  <li><a href="#">分类</a></li>
  <li class="am-active">内容</li>
</ol>
`````
```html
<ol class="am-breadcrumb">
  <li><a href="#">首页</a></li>
  <li><a href="#">分类</a></li>
  <li class="am-active">内容</li>
</ol>
```

### 斜杆分隔符

`````html
<ol class="am-breadcrumb am-breadcrumb-slash">
  <li><a href="#">首页</a></li>
  <li><a href="#">分类</a></li>
  <li class="am-active">内容</li>
</ol>
`````
```html
<ol class="am-breadcrumb am-breadcrumb-slash">
  ...
</ol>
```

## 结合 Icon

添加图标相应 class 即可。

`````html
<ol class="am-breadcrumb">
  <li><a href="#" class="am-icon-home">首页</a></li>
  <li><a href="#">分类</a></li>
  <li class="am-active">内容</li>
</ol>
`````

```html
<ol class="am-breadcrumb">
  <li><a href="#" class="am-icon-home">首页</a></li>
  <li><a href="#">分类</a></li>
  <li class="am-active">内容</li>
</ol>
```

