1. 基础
  2. 居中
  3. 自定义分隔符

基础

<nav class="mi-breadcrumb">
    <ul>
        <li><a href="">...</a></li>
        <li><span>...</span></li>
    </ul>
</nav>

居中

<nav class="mi-breadcrumb mi-breadcrumb-center">
    <ul>
        <li><a href="">...</a></li>
        <li class="mi-active"><a href="">...</a></li>
    </ul>
</nav>

自定义分隔符

// css
#breadcrumb-custom-separator li:after {
    content: '>';
}

// html
<nav id="breadcrumb-custom-separator" class="mi-breadcrumb">
    <ul>
        <li><a href="">...</a></li>
        <li><span>...</span></li>
    </ul>
</nav>