• Patterns
  • Navs

Breadcrumb

Usage notes

Responsive breadcrumb

 
<div class="wrapper panel--pad-small">
  <ol class="nav nav--heavy breadcrumb mini flush">
    <li>
      <a href="#">Home</a>
    </li>
    <li>
      <a href="#">Economy</a>
    </li>
    <li class="nav__active">
      <a href="#">Government, Public Sector, and Taxes</a>
    </li>
  </ol>

  <ol class="nav nav--inline-block nav--dark mini">
    <li>
      <a href="#">Local Government Finance</a>
    </li>
    <li>
      <a href="#">Public Sector Finance</a>
    </li>
    <li class="nav__active">
      <a href="#">Public Spending</a>
    </li>
    <li>
      <a href="#">Research and Development Expenditure</a>
    </li>
    <li>
      <a href="#">Taxes and Revenue</a>
    </li>
  </ol>
</div>