<p dir="auto">The labels-badges. less file uses the nested ampersand &amp; operator to create extra classes by appending "-important", "-warning" etc. to the names ".label" and ".badge".</p>
<p dir="auto">This generates some weird CSS if you use .label or .badge as a mixin on something that ends with a tag rather than a class e.g.</p>
<p dir="auto">".text-with-labels span { .label }" creates ".text-with-label span-warning"  etc.</p>
<p dir="auto">It seems like the similar .btn-small and .btn-mini classes in buttons.less don't use this format, and from looking at the history it may have been done this way to reduce some duplication in the .less caused by the merger of badges and labels. Since the reduction in size of the less isn't actually making the output CSS any smaller I wonder if this might have been an overlooked consequence of using this shorthand and it might be changed back to having .label-warning, .badge-warning specified in full in the less to allow .label and .badge to be used freely as mixins again without the production of the spurious CSS.</p>
<p dir="auto">Simply browse the docs page in IE Tester (<a href="http://my-debugbar.com/wiki/IETester/HomePage" rel="nofollow">http://my-debugbar.com/wiki/IETester/HomePage</a>): <a href="http://twitter.github.com/bootstrap/javascript.html#tooltips">http://twitter.github.com/bootstrap/javascript.html#tooltips</a></p>
<p dir="auto">None of the tooltip examples work.</p>