如何更改Bootstrap 3面包屑中的默认分隔符图标?

o0lyfsai  于 2022-12-20  发布在  Bootstrap
关注(0)|答案(3)|浏览(172)

有没有办法可以在Bootstrap 3面包屑中使用自定义图标更改默认分隔符(“/”)?

py49o6xq

py49o6xq1#

这不是图标,你可以添加任何你想要的,图标,图像等。

.breadcrumb > li + li:before {
    color: #ccc;
    content: "/ ";
    padding: 0 5px;
}

将内容更改为“〉〉“并查看

bvn4nwqk

bvn4nwqk2#

现在有了bootstrap 4

.breadcrumb-item + .breadcrumb-item::before {
       color: green;
    }
vktxenjb

vktxenjb3#

对于 Bootstrap 5

<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">

参考链接:https://getbootstrap.com/docs/5.0/components/breadcrumb/

相关问题