Bootstrap Changing the separator

Separators are automatically added in CSS through ::before and content. 
They can be changed by changing $breadcrumb-divider. The quote function is
needed to generate the quotes around a string, so if you want > as separator,
you can use this:

$breadcrumb-divider: quote(">");

It’s also possible to use a base64 embedded SVG icon:

$breadcrumb-divider: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik0yLjUgMEwxIDEuNSAzLjUgNCAxIDYuNSAyLjUgOGw0LTQtNC00eiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+);

The separator can be removed by setting $breadcrumb-divider to none:
$breadcrumb-divider: none;

Source: getbootstrap.com

Similar codes

1 vote151 views2 answers
Dropdown on hover
CSS
0 vote161 views1 answer
Css cursor loading
CSS
89 votes177 views6 answers
Padding
CSS
3 votes151 views3 answers
Css overflow elipsis
CSS
6 votes150 views3 answers
Scroll snap css
CSS
-2 votes157 views1 answer
Div color overlay css
CSS
0 vote136 views3 answers
Bootstrap grid only css npm install
CSS
0 vote131 views1 answer
ERROR in multi ./node_modules/ngx-toastr/toastr.css ./src/styles.scss
CSS
0 vote166 views1 answer
Crypto module
CSS
13 votes142 views3 answers
How to change cursor in css on hover
CSS