title: How to remove active class from navbar links in Bootstrap 3.1?
body: <p>I am using one page navigation and I don't know how to remove the active state from the <code>li</code> element when I am in that particular section of the page. I have tried using JQuery and CSS and none works for me (from the console it works obviously).</p>
  
  <p>This is what works in the console:</p>
  
  <pre><code>$('.nav li').removeClass('active');
  </code></pre>
  
  <p>And in CSS I tried:</p>
  
  <pre><code>.nav &gt; li {  
     background: transparent;
  }
  </code></pre>
  
  <p>I prefer a JQuery solution as it would be easier just to get rid of the active class instead of styling the element.  </p>