title: How to set the active status for a navbar?
body: <p>I've tried multiple codes for setting an active status on a navbar menu link, but none of them works. Finally I found a bootply link that works: <a href="http://bootply.com/70331" rel="nofollow">http://bootply.com/70331</a> , but it won't work on my menu. Here's my navbar:</p>
  
  <pre class="lang-html prettyprint-override"><code>     &lt;div class="navbar"&gt;
    &lt;div class="navbar-inner"&gt;
      &lt;div class="container"&gt;
  
        &lt;!-- .btn-navbar is used as the toggle for collapsed navbar content --&gt;
        &lt;a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"&gt;
          &lt;span class="icon-bar"&gt;&lt;/span&gt;
          &lt;span class="icon-bar"&gt;&lt;/span&gt;
          &lt;span class="icon-bar"&gt;&lt;/span&gt;
        &lt;/a&gt;
  
        &lt;!-- Be sure to leave the brand out there if you want it shown --&gt;
        &lt;a class="brand" href="{{ URL::to('news/index') }}"&gt;emiAAC&lt;/a&gt;
  
        @include('common.menu_addition')
        @include('common.view_special')
  
        &lt;!-- Everything you want hidden at 940px or less, place within here --&gt;
        &lt;div class="nav-collapse collapse"&gt;
          &lt;!-- .nav, .navbar-search, .navbar-form, etc --&gt;
          &lt;ul class="nav"&gt;
            &lt;li&gt;&lt;a href="{{ URL::to('news/index') }}"&gt;&lt;i class="icon-list-alt"&gt;&lt;/i&gt; News&lt;/a&gt;&lt;/li&gt;
             &lt;li class="dropdown"&gt;
               &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;&lt;i class="icon-globe"&gt;&lt;/i&gt; Community &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
               &lt;ul class="dropdown-menu"&gt;
                 &lt;li&gt;&lt;a href="{{ URL::to('characters/search') }}"&gt;Characters&lt;/a&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;a href="{{ URL::to('online') }}"&gt;Online list&lt;/a&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;a href="{{ URL::to('highscores') }}"&gt;Highscores&lt;/a&gt;&lt;/li&gt;
                 &lt;li class="divider"&gt;&lt;/li&gt;
                 &lt;li class="nav-header"&gt;NOT DONE&lt;/li&gt;
                 &lt;li&gt;&lt;a href="#"&gt;Forum&lt;/a&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;a href="#"&gt;Gallery&lt;/a&gt;&lt;/li&gt;
                 &lt;li class="divider"&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;a href="#"&gt;Houses&lt;/a&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;a href="#"&gt;Guilds&lt;/a&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;a href="#"&gt;Guild Wars&lt;/a&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;a href="#"&gt;Live casts&lt;/a&gt;&lt;/li&gt;
               &lt;/ul&gt;
            &lt;/li&gt;
               &lt;li class="dropdown"&gt;
               &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;&lt;i class="icon-book"&gt;&lt;/i&gt; Library &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
               &lt;ul class="dropdown-menu"&gt;
                 &lt;li class="nav-header"&gt;NOT DONE&lt;/li&gt;
                 &lt;li&gt;&lt;a href="#"&gt;Exp. stages&lt;/a&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;a href="#"&gt;Monsters&lt;/a&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;a href="#"&gt;Quests&lt;/a&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;a href="#"&gt;Spells&lt;/a&gt;&lt;/li&gt;
               &lt;/ul&gt;
            &lt;/li&gt;
               &lt;li class="dropdown"&gt;
               &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;&lt;i class="icon-info-sign"&gt;&lt;/i&gt; Help &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
               &lt;ul class="dropdown-menu"&gt;
                 &lt;li class="nav-header"&gt;NOT DONE&lt;/li&gt;
                 &lt;li&gt;&lt;a href="#"&gt;Rules&lt;/a&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;a href="#"&gt;Support&lt;/a&gt;&lt;/li&gt;
               &lt;/ul&gt;
            &lt;/li&gt;
  
  
  &lt;form id="custom-search-form" class="form-search form-horizontal pull-right" action="{{ URL::action('CharactersController@search') }}" method="get"&gt;
      &lt;div class="input-append"&gt;
          &lt;input type="text" class="search-query" name="character" placeholder="Character/guild name"&gt;
          &lt;button type="submit" class="btn"&gt;&lt;i class="icon-search"&gt;&lt;/i&gt;&lt;/button&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  
        &lt;/div&gt;&lt;!-- /.nav-collapse --&gt;
        &lt;/div&gt;
  
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>