Tools

Breadcrumbs

Breadcrumbs simply use the zen-nav zen-nav-divider classes to render the breadcrumb styling. The breadcrumbs class gives the items in the breadcrumb the smaller and muted styling.

Code example

<ul class="breadcrumbs zen-nav zen-nav-divider">
    <li>
        <a href="#"><span>Home</span></a>
    </li>
    <li>
        <a href="#"><span>Features</span></a>
    </li>
    <li>
        <span>Featured Item</span>
    </li>
</ul>

Pagination

<div class="pagination-wrap"><ul class="pagination">
    <li class="disabled"><a>Start</a></li>
    <li class="disabled"><a>Prev</a></li>
    <li class="active"><a>1</a></li>
    <li><a title="2" href="#">2</a></li>
    <li><a title="Next" href="#">Next</a></li>
    <li><a title="End" href="#">End</a></li>
</ul></div>