Breadcrumb

Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS.

Bootstrap documentation

Scrollable

Landkit only

Prevent a breadcrumb from wrapping on the next line and make it scrollable horizontally with a .breadcrumb-scroll modifier.

<nav aria-label="breadcrumb">
  <ol class="breadcrumb breadcrumb-scroll">
    <li class="breadcrumb-item">
      <a class="text-gray-700" href="#">
        Help Center
      </a>
    </li>
    <li class="breadcrumb-item active" aria-current="page">
      Account
    </li>
  </ol>
</nav>
Jump to