Breadcrumb

The breadcrumb (.breadcrumb) is a static, purely-visual navigation trail showing the user's position in a hierarchy — it has no JavaScript behavior of its own; every interactive element inside it is a plain <a> that navigates normally.

<nav class="breadcrumb" aria-label="Breadcrumb">
  <ol class="breadcrumb-list">
    <li class="breadcrumb-item"><a class="breadcrumb-link" href="/">Home</a><span class="breadcrumb-separator" aria-hidden="true">›</span></li>
    <li class="breadcrumb-item"><a class="breadcrumb-link" href="/settings">Settings</a><span class="breadcrumb-separator" aria-hidden="true">›</span></li>
    <li class="breadcrumb-item"><span class="breadcrumb-current" aria-current="page">Profile</span></li>
  </ol>
</nav>