title: How to change bootstrap3 nav-pills active color in affix/scrollspy via CSS?
body: <p>I tried several ways to override bootstrap3 nav-pills active color via CSS but it seems the LESS takes priority. I tried also using !important on the relative CSS properties with no luck: the LESS always has priority.</p>
  
  <p>The only way I found is to obviously recompile bootstrap with customized nav-pills colors, but I'd prefer to use CSS so I can rely on CDN.</p>
  
  <p>Any hint?</p>
  
  <p>The relative affix/scrollspy is working of course via:</p>
  
  <pre><code>&lt;body  data-spy="scroll"&gt;
  ...
  &lt;ul class="nav nav-pills nav-stacked affix-top hidden-print" data-toggle="affix" data-spy="affix"&gt;
  </code></pre>
  
  <p>Relative <a href="http://jsfiddle.net/4uyD9/" rel="nofollow">jsfiddle</a></p>