Breadcrumb

A breadcrumb list is a UI that clearly represents the user’s current location.

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