Remove "Unicode space" from @breadcrumb-separator

[sirreal]

The correct spacing around @breadcrumb-separator is achieved by li:before {padding: 0 5px;}.
Adding a space after the @breadcrumb-separator was causing the left side to be 5px and the right to be 5px + " ", making one side larger than the other.

Tested: OSX - Chrome / Firefox

[mdo]

Looks fine to me in Chrome—the space is there, per the comment, to account for white-space behavior with inline-block elements.

[sirreal]

I've looked at this some more and am surprised no one else is seeing it. Here's a screenshot from OSX Chrome v25.0.1364.160:

There is clearly more space to the right of the / That's with the latest vanilla bootstrap.

I've found a different solution which works in this version of Chrome that may shed some light on the issue. I have to change the space from "no break space" \00a0 to a space \0020 AND add display: inline-block to the &+li:before element. This achieves the same as removing the space from the content:

Here's the markup:

<ol class="breadcrumb col-sm-6">
    <li><a href="/index.php/main/index">Home</a></li><li><a href="/index.php/vat/index">Vats</a></li><li class="active">Create</li></ol>

[sirreal]

I see the problem. Bootstrap expects space between the <li> in the markup, and adds space to the :before to compensate. My breadcrumbs are being generated with no spacing. My bad.