twitter-bootstrap 如何更改 Bootstrap 3 Breadcrumbs 中的默认分隔符图标?

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/26798470/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-21 21:49:30  来源:igfitidea点击:

How to change default separator icon in Bootstrap 3 Breadcrumbs?

twitter-bootstraptwitter-bootstrap-3

提问by adw

Is there a way that i can change the default separator ("/") with a custom icon in Bootstrap 3 breadcrumbs?

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

回答by Miomir Dancevic

This is not icon, you can add what ever you want, icon, image etc.

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

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

Change content to " >> " and see

将内容更改为“>>”并查看

回答by zak

And now with bootstrap 4

现在使用引导程序 4

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