Breadcrumbs

Breadcrumbs

Breadcrumbs show the user\'s location within a hierarchical navigation structure.

Core concept

Explain semantic ordered-list markup, breadcrumb-item, active current-page state, separators, and responsive considerations for long paths.

Using it in a real interface

Create a path such as Home → Tutorials → Bootstrap → Forms. Explain why the final item normally represents the current page and is not another navigation link.

Implementation notes

Breadcrumbs should reflect actual information architecture. Do not add them simply because a component exists, especially on pages with a flat navigation structure.