Breadcrumb

A navigation UI that displays the website’s hierarchy. It is very simple to use.

Example

  1. Home
  2. A long page title goes here A long page title goes here
  3. A long page title goes here A long page title goes here
  4. A long page title goes here A long page title goes here
  5. Breadcrumb
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a class="breadcrumb-link" href="">Home</a></li>
    <li class="breadcrumb-item"><a class="breadcrumb-link" href="">A long page title goes here A long page title goes here</a></li>
    <li class="breadcrumb-item"><a class="breadcrumb-link" href="">A long page title goes here A long page title goes here</a></li>
    <li class="breadcrumb-item"><a class="breadcrumb-link" href="">A long page title goes here A long page title goes here</a></li>
    <li class="breadcrumb-item">Breadcrumb</li>
</ol>