title: How to make Bootstrap 'List group' responsive
body: <p>I am using  Bootstrap '<a href="http://getbootstrap.com/components/#list-group-basic">List group</a>' and I need to make it responsive. 
  Means in mobile view, The list would show as a drop down button like navbar.</p>
  
  <p>I tried nav classes, But not working as expected.
  Code:</p>
  
  <pre><code>&lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#side-menu-collapse"&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;ul class="list-group collapse navbar-collapse" id="#side-menu-collapse"&gt;
    &lt;li class="list-group-item dropdown-toggle"&gt;Cras justo odio&lt;/li&gt;
    &lt;li class="list-group-item dropdown-toggle"&gt;Dapibus ac facilisis in&lt;/li&gt;
    &lt;li class="list-group-item dropdown-toggle"&gt;Morbi leo risus&lt;/li&gt;
    &lt;li class="list-group-item dropdown-toggle"&gt;Porta ac consectetur ac&lt;/li&gt;
    &lt;li class="list-group-item dropdown-toggle"&gt;Vestibulum at eros&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>