<!-- default -->
<div class="breadcrumb">
  <div class="start">当前位置：</div>
  <a href="index.html">首页</a>
  <div class="divider"> / </div>
  <a href="#">普法学法</a>
  <div class="divider"> / </div>
  <a href="#">普法动态</a>
  <div class="divider"> / </div>
  <div class="active">列表</div>
</div>

<!-- arrow - 箭头分隔符 -->
<div class="breadcrumb arrow">
  <div class="start">当前位置：</div>
  <a href="index.html">首页</a>
  <div class="divider"> > </div>
  <a href="#">普法学法</a>
  <div class="divider"> > </div>
  <a href="#">普法动态</a>
  <div class="divider"> > </div>
  <div class="active">列表</div>
</div>

<!-- inverted - 反色 -->
<div class="breadcrumb arrow inverted">
  ....
</div>

<!-- is-gapless - 无间隔 -->
<div class="breadcrumb is-gapless">
  ....
</div>