创建面包屑导航，显示用户在网站中的当前位置。
面包屑组件由多个链接组成，这些链接并排对齐并由分隔符分隔。将 .uk-breadcrumb class 添加到 <ul> 素中以定义组件。将 <a> 元素作为面包屑列表中的项目。激活状态（active）将自动应用于最后一个 <li> 元素
要添加没有链接的列表项，请使用 <span> 元素而不是 <a>。或者，通过将 .uk-disabled class添加到 <li> 元素中来禁用 <a> 元素，并从锚中移除href属性，使其通过键盘导航无法访问。
<ul class="uk-breadcrumb">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><span></span></li>
</ul>
# 面包屑／Breadcrumb
<p class="uk-text-lead">创建面包屑导航，显示用户在网站中的当前位置。</p>
## Usage-用法
面包屑组件由多个链接组成，这些链接并排对齐并由分隔符分隔。将 `.uk-breadcrumb` class 添加到 `<ul>` 素中以定义组件。将 `<a>` 元素作为面包屑列表中的项目。激活状态（active）将自动应用于最后一个 `<li>` 元素
要添加没有链接的列表项，请使用 `<span>` 元素而不是 `<a>`。或者，通过将 `.uk-disabled` class添加到 `<li>` 元素中来禁用 `<a>` 元素，并从锚中移除`href`属性，使其通过键盘导航无法访问。
```html
<ul class="uk-breadcrumb">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><span></span></li>
</ul>
```
```example
<ul class="uk-breadcrumb">
<li><a href="#">Home</a></li>
<li><a href="#">Linked Category</a></li>
<li class="uk-disabled"><a>Disabled Category</a></li>
<li><span>Active</span></li>
</ul>
```