Breadcrumb V01
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
A plain breadcrumb trail with slash separators drawn in CSS, shown above a long-form article header. The links are muted with an underline on hover, and the current page is set in the body colour. The list wraps cleanly on narrow screens.
It is plain HTML and CSS: no jQuery, no Bootstrap files, no plugins, and the download is 645 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Slash separators generated with CSS, so screen readers skip them
- Ordered list inside nav with aria-label and aria-current
- Wraps onto several lines without breaking separators
- Colours set by custom properties on the block
- No JavaScript
Similar Templates
