Как сделать перестановку блоков в мобильной версии верстки?

<div class="box">
  <div class="col-md-6 col-xs-12">1</div>
  <div class="col-md-6 col-xs-12">2</div>
</div>

.box {
  display: flex;
  flex-direction: column;
}

.box {
  display: flex;
  flex-direction: column-reverse;
}