title: Bootstrap 4 - grid xs two columns
body: <p>I have some problems with bootstrap 4, I would like to make 3 columns on bigger size, and 2 columns on xs. </p>
  
  <p>I am not able to do this, because always on xs I have one column, what am I doing wrong? or I don't understand how the grid works?</p>
  
  <p><a href="https://jsfiddle.net/pgvdhcy4/" rel="nofollow noreferrer">https://jsfiddle.net/pgvdhcy4/</a></p>
  
  <p><code>&lt;div class="row"&gt;
          &lt;div class="col-md-4 col-xs-6"&gt;
              11111
          &lt;/div&gt;
          &lt;div class="col-md-4 col-xs-6"&gt;
              2
          &lt;/div&gt;
          &lt;div class="col-md-4 col-xs-6"&gt;
              3333
         &lt;/div&gt;
          &lt;div class="col-md-4 col-xs-6"&gt;
              444
         &lt;/div&gt;
          &lt;div class="col-md-4 col-xs-6"&gt;
              5555
          &lt;/div&gt;
          &lt;div class="col-md-4 col-xs-6"&gt;
              666
          &lt;/div&gt;
      &lt;/div&gt;</code></p>