title: Bootstrap 4 ordering class
body: <p>I have a question about the bootstrap 4.1 reordering. According to the documentation:</p>
  
  <blockquote>
    <p><strong>Reordering</strong></p>
    
    <p>Use .order- classes for controlling the visual order of
    your content. These classes are responsive, so you can set the order
    by breakpoint (e.g., <code>.order-1</code> <code>.order-md-2</code>). Includes support for 1
    through 12 across all five grid tiers.</p>
  </blockquote>
  
  <p>I've tried to set the reordering only on small and medium screens, using the <code>.order</code>classes as showed in the docs, but it will reorder the contents also on larger breakpoints, I'm doing this wrong?</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-sm-12 col-lg-4 order-sm-2"&gt;
          &lt;!-- some contents here --&gt;
          &lt;/div&gt;
          &lt;div class="col-sm-12 col-lg-8 order-sm-1"&gt;
          &lt;!-- some contents here --&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>