面包屑 Breadcrumb
面包屑用于指示当前页面在站点导航层级中的位置，各级之间通过 CSS 自动添加分隔符，默认以有序列表语义呈现。
基础层级
用 nav 包裹 ol.breadcrumb，列表项依次写出各级路径；分隔符由 ::before 伪元素自动生成，默认为斜杠。
HTML 示例
当前页 active 态
最后一项加 active 类并设置 aria-current="page"，以较弱的颜色标识当前页；它不再是链接，对屏幕阅读器友好。
HTML 示例
自定义分隔符
通过 CSS 变量 --bs-breadcrumb-divider 即可全局更换分隔符，无需重新编译 Sass；设为空字符串还可以完全去掉分隔符。
HTML 示例
带图标分隔符
分隔符也可以是内联 SVG：把编码后的 SVG 写进 --bs-breadcrumb-divider: url(...)，保留字符需做 URL 编码。
HTML 示例