<p dir="auto">on every second row. THis means that in a gable where this happens suddenly half the rows are shown in the default color. Worked perfectly with 3.0.2</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/56f2efa410b28828d92ba511ca34208b420706d4b363d014a8ec9ff5abeca6cb/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3930393631322f313839333636322f39353431333836342d376161612d313165332d396262342d6136373663306632323633612e504e47"><img src="https://camo.githubusercontent.com/56f2efa410b28828d92ba511ca34208b420706d4b363d014a8ec9ff5abeca6cb/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3930393631322f313839333636322f39353431333836342d376161612d313165332d396262342d6136373663306632323633612e504e47" alt="bootstrap-3 0 2-issuewithstripedandsuccess" data-canonical-src="https://f.cloud.github.com/assets/909612/1893662/95413864-7aaa-11e3-9bb4-a676c0f2263a.PNG" style="max-width: 100%;"></a></p>
<p dir="auto">In 3.0.2 you would see every line in green. Generating code is unchanged.</p>
<p dir="auto">The HTML looks like this (heavily cutting out stuff not relevant):</p>
<p dir="auto">table class="table table-striped table-condensed" id="buckettable"<br>
thead&gt;<br>
tr&gt;<br>
...<br>
/tr&gt;<br>
/thead&gt;<br>
tbody&gt;<br>
tr class="success"&gt;</p>
<p dir="auto">and that TR is for every line in the screenshot. Turns the use of striped and condensed - useless. Removing table-striped leads to the proper coloring.</p>
<p dir="auto">This is a feature request for the not-so-distant future, when the upcoming new version of LESS (1.4.0) gets into its final shape.<br>
Also, I understand the new grid system (and the mixin utilities that help to create it) on 3.0.0-wip is still a WIP, and still being overhauled.</p>
<p dir="auto">The current way the grid system is dynamically created, using mixins (<code class="notranslate">.generate-grid-columns()</code> and <code class="notranslate">.generate-grid-columns()</code>) makes it impossible to <code class="notranslate">:extend</code> the bunch of classes (<code class="notranslate">.col-sm-*</code> and <code class="notranslate">.col-lg-*</code>).<br>
One desirable advantage of <code class="notranslate">:extend</code>ing  (over including mixins) is that the compiled output is far less bloated, as the original selectors are extended (ie. extending selectors are added as comma-separated selectors on the original rule). Compare that to including mixins, where a bunch of code is being duplicated on each include.</p>
<p dir="auto">This would open the possibility of having another way of wring a cleaner (a.k.a "more semantic") HTML/CSS. I said "another way" because Bootstrap 3.0.0-wip <a href="http://bootstrap.harp.io/#grid-less" rel="nofollow">currently provides<br>
a way</a> to work with semantic classes when using the grid system. But, precisely, this current way is the one using mixins as included, generating a more bloated code than the approach that uses ':extend'.</p>
<p dir="auto">To be realistic, I'm not sure if this will be easily achievable in tandem the way the current Bootstrap grid system names its classes ((<code class="notranslate">.col-*-[1...n]</code>).<br>
The limitation imposed by this way of naming classes is probably the explanation behind why other new (and innovative) grid systems, like <a href="http://csswizardry.com/2013/02/introducing-csswizardry-grids/" rel="nofollow">csswizardry-grids</a> and <a href="http://www.unsemantic.com/" rel="nofollow">Unsemantic</a> took a different approach for naming classes, using fractions and/or percentages, which are far more verbose and less readable (particularly when using them directly in <code class="notranslate">class=""</code> attribute).<br>
In that sense, Bootstrap's class names for grid system are... neat.</p>
<p dir="auto">Let's see if we can come up with a few ideas on how to take advantage of the upcoming ':extend' (and also silent classes and silent imports) on LESS 1.4.0.</p>
<p dir="auto">Complementary reads:</p>
<ul dir="auto">
<li><a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="14338537" data-permission-text="Title is private" data-url="https://github.com/less/less.js/issues/1325" data-hovercard-type="issue" data-hovercard-url="/less/less.js/issues/1325/hovercard" href="https://github.com/less/less.js/issues/1325">less/less.js#1325</a></li>
<li><a href="http://stackoverflow.com/a/15573240" rel="nofollow">http://stackoverflow.com/a/15573240</a></li>
</ul>