title: Bootstrap row-eq-height it's not working
body: <p>I'm using Bootstrap. I need three columns to have the same height. I tried different things (<a href="http://brm.io/jquery-match-height/" rel="nofollow noreferrer">Link 1</a>, <a href="http://www.bootply.com/GYU9zrCPdl" rel="nofollow noreferrer">Link 2</a>) but they don't work. <code>row-eq-height</code> doesn't work either.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="container "&gt;
      &lt;div class="row row-eq-height"&gt;
          &lt;div class="col-md-4 text-center"&gt;
              &lt;h4 class="fase3"&gt;Identificación y estructuración del proyecto productivo en las fases de idea, perfil, prefactibilidad y factibilidad.&lt;/h4&gt;
          &lt;/div&gt;
          &lt;div class="col-md-4  text-center"&gt;
              &lt;h4 class="fase3"&gt;Gestión del montaje de la unidad productiva.&lt;/h4&gt;
          &lt;/div&gt;
          &lt;div class="col-md-4 text-center"&gt;
              &lt;h4 class="fase3"&gt;Gestión del montaje de la unidad productiva y gestión de la operación del proyecto.&lt;/h4&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.fase {
    color: #ffffff;
    background-color: #119c21;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    padding-top: 3%;
    padding-bottom: 3%;
    margin-bottom: 0;
  }
  
  .fase2 {
    margin-top: 0;
    color: #ffffff;
    background-color: #42c250;
    font-size: 1.3em;
    font-weight: normal;
    text-align: center;
    padding-top: 4%;
    padding-bottom: 4%;
    margin-bottom: 0;
  }
  
  .fase3 {
    margin-top: 0;
    color: #119c21;
    background-color: #c2ffca;
    font-size: 1.3em;
    font-weight: normal;
    text-align: center;
    padding-top: 4%;
    padding-bottom: 4%;
    margin-bottom: 0;
  }
  
  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  </code></pre>