title: How to force all <div> elements to have same height in the page?
body: <p>The following picture is my product show. I use <code>Bootstrap 3.2</code>and the whole page is within a <code>&lt;div class="col-xs-12"&gt;</code> element and you can see the dynamically generated html code at the bottom of the image.</p>
  
  <p><img src="https://i.stack.imgur.com/4E2ou.png" alt="enter image description here"></p>
  
  <p>My problem is that the <code>product-container</code> divs don't have same heights (look at the highlighted photo).</p>
  
  <p>Is it possible to fix all heights as same which doesn't affect responsiveness?</p>