title: Same height column bootstrap 3 row responsive
body: <p>Hi I have four divs in a bootstrap row. I want all divs in this row to have the same height and not break responsibility. I don't know how to do this without breaking responsibility. </p>
  
  <p>I have tried solving this with fixed heights but in terms of responsiveness this is a bad solution.</p>
  
  <p>Thanks :-)</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-md-3 index_div_item"&gt;
          &lt;a href="#"&gt;
          &lt;div class="well" id="item1"&gt;
                  &lt;h1 class="h1_item"&gt;&lt;span class="titre_item"&gt;Title&lt;/span&gt;&lt;/h1&gt;
                  &lt;h2 class="h2_item_glyphicon"&gt;&lt;span class="glyphicon glyphicon-ok-circle"&gt;&lt;/span&gt;&lt;/h2&gt;
                  &lt;p&gt;sidiis amicorum mariti inops cum liberis uxor alitur Reguli et dotatur ex aerario filia Scipionis, cum nobilitas florem adultae virginis diuturnum absentia pauperis erubesceret patr&lt;/p&gt;                
          &lt;/div&gt;
          &lt;/a&gt;
      &lt;/div&gt;    
      &lt;div class="col-md-3 index_div_item"&gt;
          &lt;a href="#"&gt;
              &lt;div class="well" id="item2"&gt;
                  &lt;h1 class="h1_item"&gt;&lt;span class="titre_item"&gt;Title&lt;/span&gt;&lt;/h1&gt;
                  &lt;h2  class="h2_item_glyphicon"&gt;&lt;span class="glyphicon glyphicon-stats"&gt;&lt;/span&gt;&lt;/h2&gt;
                  &lt;p&gt;sidiis amicorum mariti inops cum liberis uxor alitur Reguli et dotatur ex aerario filia Scipionis, cum nobilitas florem adultae virginis diuturnum absentia pauperis erubesceret patr&lt;/p&gt;
              &lt;/div&gt;  
          &lt;/a&gt;
      &lt;/div&gt;    
      &lt;div class="col-md-3 index_div_item"&gt;
          &lt;a href="#"&gt;
              &lt;div class="well" id="item3"&gt;
                  &lt;h1 class="h1_item"&gt;&lt;span class="titre_item"&gt;Title&lt;/span&gt;&lt;/h1&gt;
                  &lt;h2  class="h2_item_glyphicon"&gt;&lt;span class="glyphicon glyphicon-send"&gt;&lt;/span&gt;&lt;/h2&gt;
                  &lt;p&gt;sidiis amicorum mariti inops cum liberis uxor alitur Reguli et dotatur ex aerario filia Scipionis, cum nobilitas florem adultae virginis diuturnum absentia pauperis erubesceret patr&lt;/p&gt;
              &lt;/div&gt;
          &lt;/a&gt; 
      &lt;/div&gt;  
      &lt;div class="col-md-3 index_div_item"&gt;
          &lt;a href="#"&gt;
              &lt;div class="well" id="item4"&gt;
                  &lt;h1 class="h1_item"&gt;&lt;span class="titre_item"&gt;Title&lt;/span&gt;&lt;/h1&gt;
                  &lt;h2  class="h2_item_glyphicon"&gt;&lt;span class="glyphicon glyphicon-cog"&gt;&lt;/span&gt;&lt;/h2&gt;
                  &lt;p&gt;sidiis amicorum mariti inops cum liberis uxor alitur Reguli et dotatur ex aerario filia Scipionis, cum nobilitas florem adultae virginis diuturnum absentia pauperis erubesceret patr&lt;/p&gt;                
              &lt;/div&gt;  
          &lt;/a&gt;  
      &lt;/div&gt;              
  &lt;/div&gt;
  </code></pre>