title: Make multiple columns share the max height of all columns in Bootstrap
body: <p>I am new to bootstrap. I am using three columns with class span4 each to show some highlighted content. The boxes are with background color and a solid border. How do I set the height of all the three columns to the max height column among three?</p>
  
  <pre><code>&lt;div class="row grid-row"&gt;
   &lt;div class="span4"&gt;
    &lt;div class="widget-header"&gt;
      &lt;h3&gt;Tutoring &amp;amp; Training Centers&lt;/h3&gt;
    &lt;/div&gt;
    &lt;div class="widget-body"&gt;
      &lt;p&gt;World’s leading tutoring centers use to create custom diagnostic analysis to improve student performance, increase efficiency, and grow customer base.&lt;/p&gt;
  &lt;p class="center"&gt;&lt;/p&gt;
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="span4"&gt;
    &lt;div class="widget-header"&gt;
      &lt;h3&gt;Tutoring &amp;amp; Training Centers&lt;/h3&gt;
    &lt;/div&gt;
    &lt;div class="widget-body"&gt;
      &lt;p&gt;World’s leading tutoring centers use to create custom diagnostic analysis to improve student performance.&lt;/p&gt;
  &lt;p class="center"&gt;&lt;/p&gt;
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="span4"&gt;
    &lt;div class="widget-header"&gt;
      &lt;h3&gt;Tutoring &amp;amp; Training Centers&lt;/h3&gt;
    &lt;/div&gt;
    &lt;div class="widget-body"&gt;
      &lt;p&gt;World’s leading tutoring centers use to create custom diagnostic .&lt;/p&gt;
  &lt;p class="center"&gt;&lt;/p&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have attached a screen short for refrense.</p>
  
  <p><img src="https://i.stack.imgur.com/K8u4q.png" alt="enter image description here"></p>