Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Bootstrap : breadcrumb remove slash?

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.

like image 636
mridul Avatar asked Dec 20 '22 20:12

mridul


1 Answers

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

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

like image 104
Adrift Avatar answered Jan 09 '23 23:01

Adrift