<p dir="auto">In <a href="https://github.com/twitter/bootstrap/blob/master/less/type.less#L119">type.less</a>, I've found it would be useful for the <strong>unstyled</strong> and <strong>inline</strong> to be mixins, rather than developers having to reimplement such things when using LESS.</p>
<p dir="auto">For example, I'm styling a horizontal navigation bar but I have to reimplement the stylings of <strong>ul.inline</strong> from <em>type.less</em> into my LESS file, which could easily be replaced with a mixin.</p>
<p dir="auto">I originally opened this as a <a href="http://stackoverflow.com/questions/26042591/black-box-flashes-across-bootstrap-carousel-on-firefox-for-android" rel="nofollow">question on SO</a>, but I've since found several other instance in the wild where this happens, so it's not specific to my site. Wondering if it's a bug in Bootstrap, though interestingly I can't replicate this on the carousel example on getbootstrap.com.</p>
<p dir="auto">From the SO post:</p>
<blockquote>
<p dir="auto">We're doing some final testing on a responsive design and we've discovered an issue on our homepage carousel, but it's only happening on Firefox for Android - not Chrome for Android, not Firefox desktop (not even in responsive design mode), and not on any iOS devices.</p>
<p dir="auto">Anytime the carousel rotates, either automatically or manually, a black box flashes across the middle after the new slide appears. It is only there for less then a second, then it disappears.</p>
<p dir="auto">I know it's occurring at some point in the Carousel.prototype.slide function (somewhere between line 144 and line 164 in the source on Github), but I have no idea what element it's occurring on or what specific line is triggering it. I've tried stepping through it in Firefox's remote debugger to no avail.</p>
<p dir="auto">FWIW, the black box does not occur when viewing the stock Bootstrap carousel demo in Firefox for Android.</p>
<p dir="auto">We are using the latest version of Bootstrap (3.2.0).</p>
</blockquote>
<p dir="auto">Example 1: <a href="https://dl.dropboxusercontent.com/u/9530717/firefox-android-black-box/index.html" rel="nofollow">https://dl.dropboxusercontent.com/u/9530717/firefox-android-black-box/index.html</a></p>
<p dir="auto">Example 2: <a href="http://www.tutorialrepublic.com/codelab.php?topic=bootstrap&amp;file=carousel" rel="nofollow">http://www.tutorialrepublic.com/codelab.php?topic=bootstrap&amp;file=carousel</a> (you can only see it if you click the button that opens the output in a new window)</p>
<p dir="auto">Example 3: <a href="http://www.bootply.com/render/ErniW7HVND" rel="nofollow">http://www.bootply.com/render/ErniW7HVND</a></p>
<p dir="auto">Example 4: <a href="http://jsfiddle.net/mattdlockyer/gjPVJ/4/embedded/result/" rel="nofollow">http://jsfiddle.net/mattdlockyer/gjPVJ/4/embedded/result/</a></p>