Bootstrap : breadcrumb remove slash?

mridul picture mridul · Dec 18, 2013 · Viewed 7.1k times · Source

In Bootstrap 3 there is default slash(/) symbol between breadcrumb elements. How to remove it? And I am want to replace '/' with '>'.

Code snippet:

<ol class="breadcrumb">
  <li><a href="#">Home</a><span>></span></li>
  <li><a href="#">Library</a><span>></span></li>
  <li class="active">Data</li>
</ol>

The demo of my code here.

Answer

Jason Yaraghi picture Jason Yaraghi · Dec 18, 2013
.breadcrumb > li + li:before {
    content: "\3E"
}

http://jsfiddle.net/hguAW/2/