Simple Breadcrumbs

Use an ordered or unordered list with linked list items to create a minimally styled breadcrumb. Use our utilities to add additional styles as desired.

Dividers Breadcrumbs

Dividers are automatically added in CSS through ::before and content. They can be changed by modifying a local CSS custom property --bs-breadcrumb-divider

SVG Icon set Breadcrumbs

It’s also possible to use an embedded SVG icon. Apply it via our CSS through ::before and content or
style="--bs-breadcrumb-divider: SVG path"

Breadcrumbs Align Right

Breadcrumbs Color Variant

Breadcrumbs Align Center