Breadcrumb

Breadcrumbs tells the page location.
To create a breadcrumb just make a nav with the class “breadcrumb” and inside the nav create a ul with the class “breadcrumb”.
Inside the ul add li elements with the class “breadcrumb-object”, and if the page is active then add the class “active”.
Simple as that!

Example Code Snippet

  <nav class="breadcrumb">
      <ul class="breadcrumb">
          <li class="breadcrumb-object"><a href="#">Home</a></li>
          <li class="breadcrumb-object"><a href="#">CSS Extended</a></li>
          <li class="breadcrumb-object active">Download</li>
      </ul>
  </nav>