title: Active Buttons with Bootstrap 3
body: <p>In my navbar, I want my buttons to become active (shaded) when I click on them. Right now, I can only permanently make them active or non-active but don't know how to have it change once I click on them. I'm using the new Bootstrap (3.0). </p>
  
  <p>For example:</p>
  
  <p><strong>Non-Active</strong></p>
  
  <pre><code>&lt;li&gt;&lt;%= link_to "Contact", contact_path %&gt;&lt;/li&gt;
  </code></pre>
  
  <p><strong>Active</strong></p>
  
  <pre><code> &lt;li class="active"&gt;&lt;%= link_to "About", about_path %&gt;&lt;/li&gt;
  </code></pre>
  
  <p>I want it to be active/non-active depending on whether the current page is selected or not.</p>