在Bootstrap 3面包屑导航中,是否有一种方法可以使用自定义图标替换默认的分隔符“/”?
在Bootstrap 3面包屑导航中,是否有一种方法可以使用自定义图标替换默认的分隔符“/”?
这不是图标,你可以添加任何你想要的,比如图标、图片等等。
.breadcrumb > li + li:before {
color: #ccc;
content: "/ ";
padding: 0 5px;
}
将内容更改为“>>”并查看
现在,使用Bootstrap 4
.breadcrumb-item + .breadcrumb-item::before {
color: green;
}
适用于Bootstrap 5
<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
参考链接: https://getbootstrap.com/docs/5.0/components/breadcrumb/
@breadcrumb-separator
变量的值。 - cvrebert