Amaze UI

Breadcrumb


.am-breadcrumb 面包屑导航。

基础用法

默认分隔符

Copy
<ol class="am-breadcrumb">
  <li><a href="#">首页</a></li>
  <li><a href="#">分类</a></li>
  <li class="am-active">内容</li>
</ol>

斜杆分隔符

Copy
<ol class="am-breadcrumb am-breadcrumb-slash">
  <li><a href="#">首页</a></li>
  <li><a href="#">分类</a></li>
  <li class="am-active">内容</li>
</ol>

结合 Icon

Copy
<ol class="am-breadcrumb">
  <li><a href="#" class="am-icon-home">首页</a></li>
  <li><a href="#">分类</a></li>
  <li class="am-active">内容</li>
</ol>

添加图标相应 class 即可。

在线运行