title: how to create vertical list of panels in bootstrap 3
body: <p>In bootstrap 3 i'm trying to create a list of vertical panels as can be seen on this <a href="http://www.lawsitesblog.com/wp-content/uploads/2012/11/VerdictSearch-Filter.jpg" rel="nofollow">link</a> for the search results filters. It has one main panel and multiple panels inside this main panel.  I m trying the following html and styles but unable to create the desired layout of panels. Any ideas ? thanks</p>
  
  <pre><code>&lt;div class="panel panel-default col-md-3"&gt;
      &lt;div class="panel-heading"&gt;Refine Search&lt;/div&gt;
      &lt;div class="panel-body"&gt;
  
          &lt;div class="panel panel-default"&gt;
              &lt;!-- Default panel contents 1 --&gt;
              &lt;div class="panel-heading"&gt;Panel heading 1&lt;/div&gt;
              &lt;div class="panel-body"&gt;
                  &lt;p&gt;...&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="panel panel-default"&gt;
              &lt;!-- Default panel contents 2 --&gt;
              &lt;div class="panel-heading"&gt;Panel heading 2&lt;/div&gt;
              &lt;div class="panel-body"&gt;
                  &lt;p&gt;...&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>