title: Bootstrap highlight selected item in a nav list
body: <p>So I am using bootstrap together with slim to build some navigable pages. Am stuck on highlighting the selected item on the list as "activate" class applied. I did find something called affix or scrollspy but these are different from what I need to do, which is to navigate among pages. I have following code piece:</p>
  
  <pre><code>  .container-fluid
        .row-fluid
          .span2
            ul.nav.nav-list
              li.active = link_to 'Home', root_path
              li.divider
              li = link_to 'Openings', openings_path
              ...
          .span10
            ==yield
  </code></pre>
  
  <p>I believe there should be some best practice on this. Any suggestion would be appreciated.</p>