Navs

Navs guide users between different parts of your app.

Navs available in Material have shared markup, starting with the base .nav class, as well as shared states. Swap modifier classes to switch between each style.

Breadcrumb

<ul class="breadcrumb">
    <li>
        <a> ... </a>
    </li>
    ...
    <li class="active">
        <a> ... </a>
    </li>
</ul>

Navs

<ul class="nav">
    <li>
        <a> ... </a>
    </li>
</ul>

Horizontal

Justified

Usage

The base .nav can be used in conjunction with other material elements, for example .tile, to create more stylish navs.

Linksappsclose