Bootstrap 4 how to write order correctly?

Question

HTML

Good day. It is necessary to change the order of the blocks on the mobile screen, but they change the order with a large one.

<div class="col-sm-6 order-sm-2">
            111
        </div>
        <div class="col-sm-6 order-sm-1">
            222
        </div>

With such a code, in theory, on the desktop, 111 should go first, followed by 222, and when reduced to a mobile one, they change places, but for me it’s the other way around ... don’t kick much.

Answer 1

<div class="container">
  <div class="row">
       <div class="col-md-6 order-lg-1  order-sm-2">111</div>
       <div class="col-md-6  order-lg-2 order-sm-1">222</div>
  </div>
</div>