Having Issue on Over Writing Bootstrap 3 Breadcrumbs Separator

Question

I am trying to change the Bootstrap 3 Breadcrumbs Separator from / to glyphicon glyphicon-arrow-right by using the following rule

.breadcrumb > li + li:before {
    content: "\e092" !important;
}

but the result is empty square instead of arrow! Please take a look at the demo and let me know why this is not working?

DEMO

Answer 1

你需要在你的css代码中添加font-family：

.breadcrumb > li + li:before {
    font-family: 'Glyphicons Halflings';
    content: "\e092" !important;
}

最佳。