<p dir="auto">the following will now fail due to <code class="notranslate">.col-xs-12</code>:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="@import 'twitter/bootstrap';
.test {
  .text-center;
  .text-uppercase;
  .col-xs-12;
}"><pre class="notranslate"><code class="notranslate">@import 'twitter/bootstrap';
.test {
  .text-center;
  .text-uppercase;
  .col-xs-12;
}
</code></pre></div>
<p dir="auto">here is a test app: <a href="https://github.com/allenwlee/test-less-rails-bootstrap">https://github.com/allenwlee/test-less-rails-bootstrap</a></p>
<p dir="auto">Hello everyone</p>
<p dir="auto">I found out that the following code won't work in the LESS package of Bootstrap v3.2.0.</p>
<div class="highlight highlight-source-sass notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content=".main-col {
  &amp;:extend(.col-md-16 all);

  border-right: 1px solid lighten(@gray, 33%);
  padding-right: 40px !important;
}

.sidebar-col {
  &amp;:extend(.col-md-6 all);

  padding-left: 40px !important;
}"><pre class="notranslate"><span class="pl-e">.main-col</span> {
  <span class="pl-k">&amp;</span>:extend(<span class="pl-e">.col-md-16</span> all)<span class="pl-ii">;</span>

  <span class="pl-c1"><span class="pl-c1">border-right</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">lighten</span>(@<span class="pl-c1">gray</span>, <span class="pl-c1">33<span class="pl-k">%</span></span>)<span class="pl-ii">;</span>
  <span class="pl-c1"><span class="pl-c1">padding-right</span></span>: <span class="pl-c1">40<span class="pl-k">px</span></span> !<span class="pl-smi">important</span><span class="pl-ii">;</span>
}

<span class="pl-e">.sidebar-col</span> {
  <span class="pl-k">&amp;</span>:extend(<span class="pl-e">.col-md-6</span> all)<span class="pl-ii">;</span>

  <span class="pl-c1"><span class="pl-c1">padding-left</span></span>: <span class="pl-c1">40<span class="pl-k">px</span></span> !<span class="pl-smi">important</span><span class="pl-ii">;</span>
}</pre></div>
<p dir="auto">The classes are just not getting extended. There is no error message. I have tested it with less.js.</p>
<p dir="auto">Any suggestions?</p>
<p dir="auto">Thank you in advance.</p>