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

22 votes362 views4 answers
Grid center align
CSS
0 vote374 views1 answer
Understanding '>' sign in css selector
CSS
0 vote358 views1 answer
Float: down css
CSS
222 votes549 views6 answers
Bootstrap CSS CDN
CSS
7 votes395 views3 answers
Make text unselectable css
CSS
1 vote348 views1 answer
Html css landing page
CSS
0 vote389 views1 answer
Can i do an onclick menu with css alone
CSS
211 votes479 views10 answers
Css padding
CSS
12 votes313 views3 answers
Css display grid
CSS
17 votes332 views2 answers
Css horizontal gradient background color
CSS