zui/docs/part/control-breadcrumb.md

一个基于 Bootstrap 深度定制开源前端实践方案，帮助你快速构建现代跨屏应用。

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

# 面包屑

## 示例

<div class="example">
  <ol class="breadcrumb">
    <li><i class="icon icon-home"></i> 首页</li>
  </ol>
  <ol class="breadcrumb">
    <li><a href="#"><i class="icon icon-home"></i> 首页</a></li>
    <li><a href="#">目录</a></li>
  </ol>
  <ol class="breadcrumb">
    <li><a href="#"><i class="icon icon-home"></i> 首页</a></li>
    <li><a href="#">目录</a></li>
    <li class="active">存档</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>
```