/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

253 votes333 views10 answers
Bootstrap cdn
Javascript Bootstrap
238 votes316 views5 answers
Include bootstrap
CSS Bootstrap
0 vote298 views1 answer
Bootstrap 5 css how to change
CSS Bootstrap
0 vote264 views1 answer
Background image for div in grid system bootstrap
CSS Bootstrap
0 vote254 views1 answer
Adding bootstrap to angular global styles
Javascript Bootstrap
4 votes264 views1 answer
Bootstrap file select class
CSS Bootstrap
3 votes270 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
1 vote233 views1 answer
Bootstrap disable button after click
Javascript Bootstrap
0 vote258 views1 answer
Angular-bootstrap-md angular 10
Javascript Bootstrap
0 vote280 views1 answer
React bootstrap carousel not working
CSS Bootstrap