# 面包屑/Breadcrumb 创建面包屑导航,显示用户在网站中的位置。 ## 用法 面包屑组件由并排排列的链接和链接与链接直接的间隔组成。 | 类 Class | 描述 Description | | --- | --- | | `.uk-breadcrumb` | 在`&lt;ul&gt;`元素中添加这个类定义面包屑组件。使用`&lt;a&gt;`元素作为列表中的面包屑项目。 | | `.uk-active` | 在列表项中添加这个类,对其中一个应用一个选中的状态,并且使用`&lt;span&gt;`替代`&lt;a&gt;`元素即可。 | 使用一个 `&lt;span&gt;`替代`&lt;a&gt;`元素,用来禁用某个面包屑项目。 ### 示例 ![](https://box.kancloud.cn/2016-05-12_57346f2e467f3.jpg) ### Code ``` <ul class="uk-breadcrumb"> <li><a href="">...</a></li> <li><a href="">...</a></li> <li><span>...</span></li> <li class="uk-active"><span>...</span></li> </ul> ```