/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 vote203 views1 answer
Bootstrap format json
Javascript Bootstrap
2 votes201 views4 answers
Add bootstrap to gatsby
Javascript Bootstrap
0 vote216 views1 answer
Bootstrap.min.css code download
CSS Bootstrap
13 votes245 views4 answers
How to print background bootstrap
CSS Bootstrap
33 votes217 views6 answers
Angular add bootstrap
Javascript Bootstrap
222 votes411 views6 answers
Bootstrap CSS CDN
CSS Bootstrap
3 votes204 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
0 vote244 views1 answer
React bootstrap hide toggle menu when scrolling down
Javascript Bootstrap
145 votes301 views6 answers
Import bootstrap in react
CSS Bootstrap
145 votes372 views6 answers
Add bootstrap to react
Javascript Bootstrap