Arrow dividers

Replaces the standard slash separator with a directional arrow icon for better flow.

Right angle arrow

  1. Home
  2. Category
  3. Article
<ol class="breadcrumb breadcrumb-rang">
  <li class="breadcrumb-item"><a class="breadcrumb-link" href="#">Home</a></li>
  <li class="breadcrumb-item"><a class="breadcrumb-link" href="#">Category</a></li>
  <li class="breadcrumb-item active">Article</li>
</ol>

Right-pointing double angle arrow

  1. Home
  2. Category
  3. Article
<ol class="breadcrumb breadcrumb-raquo">
  <li class="breadcrumb-item"><a class="breadcrumb-link" href="#">Home</a></li>
  <li class="breadcrumb-item"><a class="breadcrumb-link" href="#">Category</a></li>
  <li class="breadcrumb-item active">Article</li>
</ol>

Rightwards arrow

  1. Home
  2. Category
  3. Article
<ol class="breadcrumb breadcrumb-rarr">
  <li class="breadcrumb-item"><a class="breadcrumb-link" href="#">Home</a></li>
  <li class="breadcrumb-item"><a class="breadcrumb-link" href="#">Category</a></li>
  <li class="breadcrumb-item active">Article</li>
</ol>

Single right-pointing angle arrow

  1. Home
  2. Category
  3. Article
<ol class="breadcrumb breadcrumb-rsaquo">
  <li class="breadcrumb-item"><a class="breadcrumb-link" href="#">Home</a></li>
  <li class="breadcrumb-item"><a class="breadcrumb-link" href="#">Category</a></li>
  <li class="breadcrumb-item active">Article</li>
</ol>