Breadcrumb

Bootstrap breadcrumb for displaying the path. Position and separator are customizable.

Standard Breadcrumb

The breadcrumb at the top of this page is the standard implementation. Markup using Schema.org BreadcrumbList, with "Home" as the icon (t3b-icon-home), with subsequent levels as linked text.

Delimiter Variants

The separator is controlled by the CSS variable --bs-breadcrumb-divider . The following examples show the most common variations.

Slash (default)

Arrow →

Greater than >

Bullet •

SVG Chevron

Configuration via Site Settings

The position and behavior of the breadcrumb trail are controlled via the site settings in the backend:

navigation.breadcrumb.position: 0 = off, 1 = above the main navigation, 2 = in the header hero area, 3 = below the main navigation
navigation.breadcrumb.entryLevel: Start level in the site tree (0 = root)
navigation.breadcrumb.includeNotInMenu: Show pages that are not visible in the menu