Breadcrumb

Native links with explicit current/disabled states.

Basic structure

nav.breadcrumb > ol

Try it

HTML

<nav class="breadcrumb" aria-label="Breadcrumb"><ol><li><a href="/code/components/">Components</a></li><li><a href="#" aria-current="page">Breadcrumb</a></li></ol></nav>

Options

Class or attribute	What it does
`aria-current=page`	Mark the current destination; active pagination uses a matching border.