title: How can I make fixed height panels in bootstrap?
body: <p>This is the image I want:
  <img src="https://i.stack.imgur.com/eiRru.jpg" alt="**This is the image**"></p>
  
  <p>How can I make a fixed bootstrap panel height for all my panels?
  <div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="col-md-3 padding-0"&gt;
    &lt;div class="panel panel-default"&gt;
      &lt;div class="panel-body" style="min-height: 10px; max-height: 10px;"&gt;
        &lt;img class="img-responsive" src="images/artgram.png" alt=""&gt;
        &lt;p&gt;Have you ever been in a company’s reception area that is so impressively stylish that your concept of their professionalism or importance changed for the better? Have you ever been in a company’s reception area that is so impressively stylish that
          your concept of their professionalism or importance changed for the better?&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="col-md-3 padding-0"&gt;
    &lt;div class="panel panel-default"&gt;
      &lt;div class="panel-body" style="min-height: 10px; max-height: 10px;"&gt;
        &lt;img class="img-responsive" src="images/artgram.png" alt=""&gt;
        &lt;p&gt;Have you ever been in a company’s reception area that is so impressively stylish that your concept of their professionalism or importance changed for the better?&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>