title: Flex layout in Boostrap 4
body: <p>I was trying to do a column layout that places each cell to the right of the other until it reachs the container width. Then, other following divs should continue rendering on the next line, and so on.</p>
  
  <p>All examples I have seen so far, do something like this:</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-sm"&gt;
        One of three columns
      &lt;/div&gt;
      &lt;div class="col-sm"&gt;
        One of three columns
      &lt;/div&gt;
      &lt;div class="col-sm"&gt;
        One of three columns
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Al examples uses a container whose class is "row", however, I don't need that, because I don't know before hand how many columns could fit in the container width.</p>
  
  <p>Is there a way to make columns to be ordered automatically to the right.</p>
  
  <p>for example, something like:</p>
  
  <pre><code>&lt;div style="float: left"&gt;...&lt;/div&gt;
  &lt;div style="float: left"&gt;...&lt;/div&gt;
  &lt;div style="float: left"&gt;...&lt;/div&gt;
  &lt;div style="float: left"&gt;...&lt;/div&gt;
  </code></pre>
  
  <p>But using Boostrap 4. Each div contains form_groups with a label and an input field.</p>