title: How to create a sidebar menu in Bootstrap that retains state?
body: <p>If I have a controller - Destinations, with topbar menu with the same name. I'd like to have a left sidebar with Dest1, Dest2, Dest3 items that showup/hide when I click the Destinations top menu. However, I want the sidebar to stay visible all the time if I choose Dest1, Dest2 or Dest3 which are links to different views.  So far I have this in Destinations index view but but I don't want to repeat this below in every item in a sidebar menu.
  I'd like to also sidebar item remained highlighted depending on what was selected. Topbar menu is defined in /-Layout view, should I put side bar there too? Thanks.</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-2"&gt;
              &lt;ul class="nav  navbar-fixed-side navbar-fixed-side-left"&gt;
                  &lt;li&gt;@Html.ActionLink("Dest1", "Dest1", "Destinations")&lt;/li&gt;
                  &lt;li&gt;@Html.ActionLink("Dest2", "Dest2", "Destinations")&lt;/li&gt;
                  &lt;li&gt;@Html.ActionLink("Dest3", "Dest3", "Destinations")&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>.....</p>