Question

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.

Was it helpful?

Solution

.breadcrumb > li + li:before {
    content: "\3E"
}

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

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top