/CSS/Bootstrap/Bootstrap Changing the separator

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

0 vote401 views1 answer
Bootstrap pop modal from another modal
Javascript Bootstrap
0 vote333 views1 answer
Dynamically fill bootstrap card
Javascript Bootstrap
-2 votes350 views2 answers
Bootstrap 4 navbar-collapse not working angular
Javascript Bootstrap
118 votes478 views6 answers
Instalar bootstrap en react
Javascript Bootstrap
0 vote359 views1 answer
Bootstrap-scss github
CSS Bootstrap
34 votes350 views6 answers
Border bootstrap
Javascript Bootstrap
22 votes374 views2 answers
React bootstrap carousal not working
CSS Bootstrap
125 votes371 views6 answers
Install React Bootstrap
Javascript Bootstrap
1 vote413 views1 answer
Bootstrap 4 modal popup remote url
Javascript Bootstrap
18 votes417 views6 answers
Install bootstrap angular 9
CSS Bootstrap