# Breadcrumb
---

`.am-breadcrumb` is for Breadcrumb navigator.

## Usage

### Default divider

`````html
<ol class="am-breadcrumb">
  <li><a href="#">Home</a></li>
  <li><a href="#">Category</a></li>
  <li class="am-active">Post</li>
</ol>
`````
```html
<ol class="am-breadcrumb">
  <li><a href="#">Home</a></li>
  <li><a href="#">Category</a></li>
  <li class="am-active">Post</li>
</ol>
```

### Slash divider

`````html
<ol class="am-breadcrumb am-breadcrumb-slash">
  <li><a href="#">Home</a></li>
  <li><a href="#">Category</a></li>
  <li class="am-active">Post</li>
</ol>
`````
```html
<ol class="am-breadcrumb am-breadcrumb-slash">
  ...
</ol>
```

## Combine with Icon

Just add corresponding classes.

`````html
<ol class="am-breadcrumb">
  <li><a href="#" class="am-icon-home">Home</a></li>
  <li><a href="#">Category</a></li>
  <li class="am-active">Post</li>
</ol>
`````

```html
<ol class="am-breadcrumb">
  <li><a href="#" class="am-icon-home">Home</a></li>
  <li><a href="#">Category</a></li>
  <li class="am-active">Post</li>
</ol>
```

