title: Bootstrap's Panels with the same height
body: <p>I have 3 bootstrap panels one next to another. They height of each of them is variable according to the information retrieved from the database. I want that the height of the 3 of them match. If one of them has less info, anyway adjust the height to the taller panel. I know that I must use display:table and display:table-cell but as Bootstrap has some nested divs to achieve the Panel view, it's very confusing... what do you suggest? Here is the code of each of my panels (very default to the Bootstrap example):</p>
  
  <pre><code>           &lt;div class="col-sm-3 col-sm-push-1"&gt;                 
                   &lt;div class="panel panel-default"&gt;     
                      &lt;div class="panel-body panelLoggedIn"&gt;
                          &lt;a href="#"&gt;Example Link&lt;/a&gt;                        
                          &lt;a href="#"&gt;Example Link&lt;/a&gt;
                          &lt;a href="#"&gt;Example Link&lt;/a&gt;
                          &lt;a href="#"&gt;Example Link&lt;/a&gt;
                          &lt;a href="#"&gt;Example Link&lt;/a&gt;
                          &lt;a href="#"&gt;Example Link&lt;/a&gt;
                          &lt;a href="#"&gt;Example Link&lt;/a&gt;
                          &lt;a href="#"&gt;Example Link&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;                  
              &lt;/div&gt;
  
              &lt;div class="col-sm-3 col-sm-push-1"&gt;                
                   &lt;div class="panel panel-default"&gt;     
                      &lt;div class="panel-body panelLoggedIn"&gt;
                          &lt;a href="#"&gt;Example Link&lt;/a&gt;                        
                          &lt;a href="#"&gt;Example Link&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;                  
              &lt;/div&gt;
  
             &lt;div class="col-sm-3 col-sm-push-1"&gt;                 
                   &lt;div class="panel panel-default"&gt;     
                      &lt;div class="panel-body panelLoggedIn"&gt;
                          &lt;a href="#"&gt;Example Link&lt;/a&gt;                        
                          &lt;a href="#"&gt;Example Link&lt;/a&gt;
                          &lt;a href="#"&gt;Example Link&lt;/a&gt;
                          &lt;a href="#"&gt;Example Link&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;                  
              &lt;/div&gt;
  </code></pre>