Breadcrumbs

Breadcrumbs are used to indicate the current page's location within a navigational hierarchy. Read more about breadcrumbs and information architecture in the UX Guidelines.

Use when

The user shall be able to see where they have been and easily navigate back to previous displayed windows/pages.

Design

				
<!-- Breadcrumbs -->
<ol class="breadcrumb">
    <li>
        <a href="urlToLink">Home</a>
    </li>
    <li>
        <a href="urlToLink">Normal</a>
    </li>
    <li class="disabled">
        <a href="">Disabled</a>
    </li>
    <li>
        <a href="urlToLink">Normal</a>
    </li>
    <li class="active">Data</li>
</ol>