title: Bootstrap Collapse menu not going vertical
body: <p>I have an issue with the default behaviour for a bootstrap menu which I am hoping someone has a solution for.
  At the moment I can see that bootstrap is working fine and the menu looks fine when the bowser window is large and all the items are shown horizontally which is what I want and would expect. </p>
  
  <p>However when the menu collapses I would expect the items to be listed vertically as supposed to horizontally which is what I am getting at the moment. </p>
  
  <p>Using the below post I can see that there is some JavaScript being used to change the items to list vertically however when I use it. The items stay vertical regardless of the browser window size.</p>
  
  <p><a href="http://techbrij.com/responsive-menu-twitter-bootstrap-asp-net" rel="nofollow">responsive-menu-twitter-bootstrap-asp-net</a></p>
  
  <p>Is there a solution or work around for this?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;nav class="navbar navbar-default navbar-fixed-top"&gt;
   &lt;div class="container"&gt;
    &lt;div class="navbar-header"&gt;
     &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"&gt;
      &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&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;/button&gt;
     &lt;a class="navbar-brand" href="#"&gt;Name&lt;/a&gt;
    &lt;/div&gt;
    &lt;div id="navbar" class="collapse navbar-collapse"&gt;   
     &lt;asp:Menu ID="mainMenu" 
      CssClass="navbar navbar-fixed-right"
      StaticMenuStyle-CssClass="nav nav-tabs"
      StaticSelectedStyle-CssClass="active"
      DynamicMenuStyle-CssClass="dropdown-menu"
      RenderingMode="List"
      DataSourceID="mainnavSitemap"
      Orientation="Horizontal"
      runat="server" 
      StaticDisplayLevels="2"
      MaximumDynamicDisplayLevels="0" 
      StaticSubMenuIndent="0" /&gt;
    &lt;/div&gt;   
   &lt;/div&gt;
  &lt;/nav&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Thank You</p>