title: Bootstrap 3.0.0 nav vertical collapse responsive
body: <p>After many search without results, I try to send a post. </p>
  
  <p>I'm looking for a way for the nav-stacked (vertical menu) from bootstrap 3.0.0 (<a href="http://getbootstrap.com/components/#nav-pills" rel="nofollow">http://getbootstrap.com/components/#nav-pills</a>) or my sidebare becomes collapsed when tablet or smartphone is used (such as navbar). </p>
  
  <p>I'm agree to use other component that nav-stacked if the result is a vertical responsive menu.</p>
  
  <p>My code</p>
  
  <pre><code>         &lt;div class="col-md-2"&gt;
              &lt;div class="panel panel-default" id="sidebar" &gt;
              &lt;div class="panel-heading" style="background-color:#888;color:#fff;" data-target="#test"&gt;Sidebar&lt;/div&gt; 
              &lt;div class="panel-body" id="test"&gt;
              &lt;ul class="nav nav-stacked nav-collapse"&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
  
              &lt;/ul&gt;
  
                &lt;hr&gt;
  
              &lt;div class="col col-span-12"&gt;
                &lt;i class="icon-2x icon-facebook"&gt;&lt;/i&gt;&amp;nbsp;
                &lt;i class="icon-2x icon-twitter"&gt;&lt;/i&gt;&amp;nbsp;
                &lt;i class="icon-2x icon-linkedin"&gt;&lt;/i&gt;&amp;nbsp;
                &lt;i class="icon-2x icon-pinterest"&gt;&lt;/i&gt;
              &lt;/div&gt;
  
              &lt;/div&gt;&lt;!--/panel body--&gt;
            &lt;/div&gt;&lt;!--/panel--&gt;
          &lt;/div&gt;&lt;!--/end left column--&gt;
  </code></pre>
  
  <p>Thank you in advance for your help :-)</p>