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

o0lyfsai 于 2022-12-20 发布在 Bootstrap

关注(0)|答案(3)|浏览(173)

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

twitter-bootstrap

来源：https://stackoverflow.com/questions/26798470/how-to-change-default-separator-icon-in-bootstrap-3-breadcrumbs

3条答案

按热度按时间

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

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

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

赞(0）回复(0）举报 2022-12-20

现在有了bootstrap 4

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

赞(0）回复(0）举报 2022-12-20

对于 Bootstrap 5

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

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

赞(0）回复(0）举报 2022-12-20

相关问题

热门标签

Java query python Node 开发语言 request Util 数据库 Table 后端算法 Logger Message Element Parser

最新问答

xxl-job 安全组扫描到执行器端口服务存在信息泄露漏洞
回答(1) 发布于 4个月前
xxl-job 不能和nacos兼容？
回答(3) 发布于 4个月前
xxl-job 任务执行完后无法结束，日志一直转圈
回答(3) 发布于 4个月前
xxl-job-admin页面上查看调度日志样式问题
回答(1) 发布于 4个月前
xxl-job 参数512字符限制能否去掉
回答(1) 发布于 4个月前