Html Boostrap 3：订购不同尺寸的元素

我在引导中有3个3、3、6宽的div。我希望它们一直水平对齐，除了xs。我希望前两个div是一行，最后一个div在小型设备中位于它们下面。我怎样才能做到这一点。

我猜你想要这样的东西：

<div class="row">
<div class="col-sm-3 col-xs-6"></div> 
<div class="col-sm-3 col-xs-6"></div> 
<div class="col-sm-6 col-xs-12"></div> 
</div>

---

col-md-3 col-sm-3是冗余的；只要使用col-sm-3Don，如果这是你要找的，别忘了让答案正确。