如何在Bootstrap 3 Breadcrumbs中更改默认分隔符图标?

adw*_*adw 22 twitter-bootstrap twitter-bootstrap-3

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

Mio*_*vic 51

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

.breadcrumb > li + li:before {
    color: #ccc;
    content: "/ ";
    padding: 0 5px;
}
Run Code Online (Sandbox Code Playgroud)

将内容更改为">>"并查看

  • 或者,如果您使用的是LESS,请更改`@ breadcrumb-separator`变量的值. (6认同)

zak*_*zak 7

现在使用引导程序 4

    .breadcrumb-item + .breadcrumb-item::before {
       color: green;
    }
Run Code Online (Sandbox Code Playgroud)