Breadcrumbs

Breadcrumbs are shown on all pages, except the homepage. On screen sizes smaller than 900px breadcrumbs are hidden.

  <nav class="breadcrumb" role="navigation">
    <h2 class="element-invisible">You are here</h2>
    <ol class="breadcrumbs">
      <li class="breadcrumb-item">You are here:</li>
      <li class="breadcrumb-item">
        <a class="breadcrumb-link" href="#">Home</a>
      </li>
      <li class="breadcrumb-item">
        <a class="breadcrumb-link" href="/news/">News</a>
      </li>
      <li class="breadcrumb-item">Random news article</li>
    </ol>
  </nav>