title: Bootstrap 4 Columns float style like Bootstrap 3 is it possible?
body: <p>i start developing with bootstrap 4 and now i found this problem :
  when using bootstrap 3 column system, because it uses float, we could insert multiple columns inside a row and it wold fill the space depending on the "col-size" specified, like this :</p>
  
  <p><a href="http://codepen.io/seltix/pen/QpXvRJ" rel="nofollow noreferrer">http://codepen.io/seltix/pen/QpXvRJ</a></p>
  
  <pre><code> -------   -------   -------
  | COL 1 | | COL 2 | | COL 3 |
  |       |  -------   -------
  |       | | COL 4 | | COL 5 |
   -------   -------   -------
  
  &lt;div class="container-fluid"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-sm-6 panel height-1"&gt;
        &lt;div class="bg-danger"&gt;this box is a slider with fixed col-6 width and fixes 2 blue boxes height&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-sm-3 panel height-2"&gt;
        &lt;div class="bg-info"&gt;blue boxes count may change depending on the content.&lt;br&gt;if there are only 1 blue box the col size will change from 3 to 6 in the PHP&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-sm-3 panel height-2"&gt;
        &lt;div class="bg-info"&gt;blue boxes count may change depending on the content.&lt;br&gt;if there are only 1 blue box the col size will change from 3 to 6 in the PHP&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-sm-3 panel height-2"&gt;
        &lt;div class="bg-info"&gt;blue boxes count may change depending on the content.&lt;br&gt;if there are only 1 blue box the col size will change from 3 to 6 in the PHP&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-sm-3 panel height-2"&gt;
        &lt;div class="bg-info"&gt;blue boxes count may change depending on the content.&lt;br&gt;if there are only 1 blue box the col size will change from 3 to 6 in the PHP&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-sm-3 panel height-2"&gt;
        &lt;div class="bg-info"&gt;blue boxes count may change depending on the content.&lt;br&gt;if there are only 1 blue box the col size will change from 3 to 6 in the PHP&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but with the bootstrap 4 flex system each element uses the full height of the row and the result is this :</p>
  
  <p><a href="http://codepen.io/seltix/pen/PprmVE" rel="nofollow noreferrer">http://codepen.io/seltix/pen/PprmVE</a></p>
  
  <pre><code> -------   -------   -------
  | COL 1 | | COL 2 | | COL 3 |
  |       |  -------   -------
  |       |
   -------   -------
  | COL 4 | | COL 5 |
   -------   -------
  
  &lt;div class="container-fluid"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-sm-6 card height-1"&gt;
        &lt;div class="bg-danger"&gt;this box is a slider with fixed col-6 width and fixes 2 blue boxes height&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-sm-3 card height-2"&gt;
        &lt;div class="bg-info"&gt;blue boxes count may change depending on the content.&lt;br&gt;if there are only 1 blue box the col size will change from 3 to 6 in the PHP&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-sm-3 card height-2"&gt;
        &lt;div class="bg-info"&gt;blue boxes count may change depending on the content.&lt;br&gt;if there are only 1 blue box the col size will change from 3 to 6 in the PHP&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-sm-3 card height-2"&gt;
        &lt;div class="bg-info"&gt;blue boxes count may change depending on the content.&lt;br&gt;if there are only 1 blue box the col size will change from 3 to 6 in the PHP&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-sm-3 card height-2"&gt;
        &lt;div class="bg-info"&gt;blue boxes count may change depending on the content.&lt;br&gt;if there are only 1 blue box the col size will change from 3 to 6 in the PHP&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-sm-3 card height-2"&gt;
        &lt;div class="bg-info"&gt;blue boxes count may change depending on the content.&lt;br&gt;if there are only 1 blue box the col size will change from 3 to 6 in the PHP&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>i already google it and search on bootstrap 4 documentation for this but i dont find any solution. the closest i cound was card-columns, a masonry-like example but i dont think it work for this example since i cant specify the columns/cards width.
  thanks!</p>