title: How to match all col height to row height in Bootstrap 3?
body: <p>In this case, the height:100% in col is not works, because .row is no height</p>
  
  <pre><code>div[class*='col']
  {
      border:solid 1px #000;
      height:100%;
  }
  .row
  {
      border:solid 1px #000;
  }
  
  &lt;div class="container-fluid"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-4"&gt;1&lt;br&gt;1&lt;br&gt;1&lt;br&gt;1&lt;br&gt;1&lt;br&gt;1&lt;br&gt;1&lt;br&gt;&lt;/div&gt;
          &lt;div class="col-md-4"&gt;2&lt;/div&gt;
          &lt;div class="col-md-4"&gt;3&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><br/>
  If I set a height for row, all cols can match row height. But I don't want to set the height for row, because I want the row height can match to the biggest col height. How to use css to make all cols height 100%?</p>
  
  <pre><code>div[class*='col']
  {
      border:solid 1px #000;
      height:100%;
  }
  .row
  {
      border:solid 1px #000;
      height:500px;
  }
  
  
  &lt;div class="container-fluid"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-4"&gt;1&lt;br&gt;1&lt;br&gt;1&lt;br&gt;1&lt;br&gt;1&lt;br&gt;1&lt;br&gt;1&lt;br&gt;&lt;/div&gt;
          &lt;div class="col-md-4"&gt;2&lt;/div&gt;
          &lt;div class="col-md-4"&gt;3&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>