section: control
id: breadcrumb
description: 面包屑导航
icon: icon-map-marker
filter: mianbaoxie mbx
---

# Breadcrumb

## Examples

<div class="example">
  <ol class="breadcrumb">
    <li><i class="icon icon-home"></i> Home</li>
  </ol>
  <ol class="breadcrumb">
    <li><a href="#"><i class="icon icon-home"></i> Home</a></li>
    <li><a href="#">Contents</a></li>
  </ol>
  <ol class="breadcrumb">
    <li><a href="#"><i class="icon icon-home"></i> Home</a></li>
    <li><a href="#">Library</a></li>
    <li class="active">Data</li>
  </ol>
</div>

```html
<ol class="breadcrumb">
  <li><a href="your/url/">Home</a></li>
  <li><a href="your/url/">Library</a></li>
  <li class="active">Data</li>
</ol>
```

