Removing just one separator from Twitter Bootstrap 3.0

css, jquery, php, twitter-bootstrap

Solution

You can do it with pure CSS

.breadcrumb > li + li.pull-right:last-child:before {
    content: "";
}

Problem

I have Breadcrumb that I have on every page. I want to pull two of the breadcrumbs to the right, but I want to remove the separator before the first element that is pulled right. I have searched and found ways to remove, or replace all of the separators, but not just one. ``` <ol class="breadcrumb"> <li><a href="../index.php">Home</a></li> <li><a href="index.php">Merchandise</a></li> <li>Stickers</li> <li class="pull-right">View Cart</li> <li class="pull-right">Checkout</li> </ol> ``` I want to remove the separator between the Stickers and View Cart. Thanks for the help.

Original source