<div class="woui-breadcrumb">
  <a class="woui-breadcrumb-item">首页</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">一级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">二级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item is-active">内容</a>
</div>
</br>
</br>
<div class="woui-breadcrumb">
  <a class="woui-breadcrumb-item" href="">首页</a>
  <div class="woui-breadcrumb-separator"> | </div>
  <a class="woui-breadcrumb-item" href="">一级菜单</a>
  <div class="woui-breadcrumb-separator"> | </div>
  <a class="woui-breadcrumb-item" href="">二级菜单</a>
  <div class="woui-breadcrumb-separator"> | </div>
  <a class="woui-breadcrumb-item is-active" href="">内容</a>
</div>	
<br>
<br>
<div class="woui-breadcrumb">
  <a class="woui-breadcrumb-item" href="">首页</a>
  <div class="woui-breadcrumb-separator"> > </div>
  <a class="woui-breadcrumb-item" href="">一级菜单</a>
  <div class="woui-breadcrumb-separator"> > </div>
  <a class="woui-breadcrumb-item" href="">二级菜单</a>
  <div class="woui-breadcrumb-separator"> > </div>
  <a class="woui-breadcrumb-item is-active" href="">内容</a>
</div>

<div class="woui-breadcrumb">
  <a class="woui-breadcrumb-item"><i class="woui-icon icon-user"></i>首页</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item"><i class="woui-icon icon-user"></i>一级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item is-disabled"><i class="woui-icon icon-user"></i>二级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item is-active"><i class="woui-icon icon-user"></i>内容</a>
</div>

<div class="woui-breadcrumb">
  <a class="woui-breadcrumb-item">首页</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">一级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">二级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item is-active">内容</a>
</div>	
<br>
<br>
<div class="woui-breadcrumb woui-breadcrumb-blue">
  <a class="woui-breadcrumb-item">首页</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">一级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">二级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item is-active">内容</a>
</div>	
<br>
<br>
<div class="woui-breadcrumb woui-breadcrumb-red">
  <a class="woui-breadcrumb-item">首页</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">一级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">二级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item is-active">内容</a>
</div>	
<br>
<br>
<div class="woui-breadcrumb woui-breadcrumb-green">
  <a class="woui-breadcrumb-item">首页</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">一级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">二级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item is-active">内容</a>
</div>	
<br>
<br>
<div class="woui-breadcrumb woui-breadcrumb-orange">
  <a class="woui-breadcrumb-item">首页</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">一级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">二级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item is-active">内容</a>
</div>	
<br>
<br>
<div class="woui-breadcrumb woui-breadcrumb-purple">
  <a class="woui-breadcrumb-item">首页</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">一级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">二级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item is-active">内容</a>
</div>

<div class="woui-breadcrumb woui-breadcrumb-mini">
  <a class="woui-breadcrumb-item">首页</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">一级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">二级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item is-active">内容</a>
</div>	
<br>
<br>
<div class="woui-breadcrumb woui-breadcrumb-small">
  <a class="woui-breadcrumb-item">首页</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">一级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">二级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item is-active">内容</a>
</div>	
<br>
<br>
<div class="woui-breadcrumb">
  <a class="woui-breadcrumb-item">首页</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">一级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">二级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item is-active">内容</a>
</div>
<br>
<br>
<div class="woui-breadcrumb woui-breadcrumb-large">
  <a class="woui-breadcrumb-item">首页</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">一级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">二级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item is-active">内容</a>
</div>

<div class="woui-breadcrumb">
  <a class="woui-breadcrumb-item">首页</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">一级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item is-disabled">二级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item is-active is-disabled">内容</a>
</div>	
<br>
<br>
<div class="woui-breadcrumb is-disabled">
  <a class="woui-breadcrumb-item">首页</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">一级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item">二级菜单</a>
  <div class="woui-breadcrumb-separator"> / </div>
  <a class="woui-breadcrumb-item is-active">内容</a>
</div>