Breadcrumbs

Indicate the current page's location within a navigational hierarchy.

Separators are automatically added in CSS through :before and content.

JADE
HTML


ol.breadcrumb
  li
    a(href='#') Home
  li
    a(href='#') Library
  li.active Data


<ol class="breadcrumb">
  <li><a href="#">Home</a></li>
  <li><a href="#">Library</a></li>
  <li class="active">Data</li>
</ol>