/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

40 votes352 views6 answers
How to add bootstrap in angular
Javascript Bootstrap
0 vote323 views1 answer
How to convert json to bootstrap treeview format
Javascript Bootstrap
4 votes315 views4 answers
Bootstrap modal popup disable click outside
Javascript Bootstrap
0 vote351 views2 answers
React-bootstrap sidebar menu
Javascript Bootstrap
13 votes312 views6 answers
Bootstrap Badges
CSS Bootstrap
0 vote336 views3 answers
Prevent click other tab bootstrap tabs
Javascript Bootstrap
5 votes326 views4 answers
Hide bootstrap modal jquery
Javascript Bootstrap
2 votes325 views1 answer
Uncaught TypeError: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript electron
Javascript Bootstrap
16 votes336 views2 answers
Toggle bootstrap modal with jquery
Javascript Bootstrap
13 votes325 views2 answers
Bootstrap Aligning images
CSS Bootstrap