Jquery 有没有办法控制类内div的垂直对齐；“世界其他地区”；当有一个小尺寸的屏幕

我正在构建一个asp.net mvc web应用程序，我正在使用Bootstrap3.0。现在我有了下一行，其中包含2个div；区块A和区块B（4至8个职业）：-

//A区
//B区

现在，在小尺寸屏幕上，两个块将垂直对齐，因此BlockA将位于BlockB上方。。所以我的问题是，当它们垂直对齐时，我如何改变这种行为，使BlockB位于BlockA之上，并保持它们水平对齐时的顺序

---

谢谢

如果您提供一个或多个可能的@Mi creative副本会更好。我写了这个提琴，但不确定如何引用jQuery&bootstrap js和css？只需添加col-xs-4和col-xs-8类并尝试一下@John John，您可以在JSFIDLE中添加Jquery和引导CDN作为外部库，google“引导CDN”，顺便说一下，您不需要JSFIDLE的Jquery库

<div class="container">       
  <div class="row">
    <div class="col-lg-4 col-md-4 col-sm-4 address">
      //Block A         
    </div>

    <div class="col-lg-8 col-md-8 col-sm-8 ">
     //Block B
   </div>
 </div>
</div>