基于屏幕尺寸的Div位置

Question

说我有两个连续的div，每个div占用col-6的空间，但是当屏幕大小更改为较小时，它们每个都转到col-12。类似于class="col col-6 col-sm-12"。

现在，我想知道是否有一种方法可以更改它，以便当它转到col-12时div1低于div2，而不是div1高于div2的默认方法（有意义的方法）。使用引导程序会更受欢迎吗？

<div class="container">
 <div class="row">
  <div class="col-6 col-xs-12">div1</div>
  <div class="col-6 col-xs-12">div2</div>
 </div>
</div>