如何使用bootstrap和breakpoints更改元素顺序

Question

有没有办法让bootstrap发生这种情况？ 我试着用右拉/左推，但是底部的div（浅蓝色）与黄色div在一行而不在顶部。

<div class='col-xs-12'>1</div>
<div class='col-xs-12'>2</div>
<div class='col-xs-12'>3</div>

Answer 1

<div class='row'>
   <div class='col-xs-6'>
     <div class='row'>
        <div class='col-xs-12'>1</div>
        <div class='col-xs-12'>2</div>
     </div>
   </div>
   <div class='col-xs-6'>3</div>
</div>

您需要制作自定义媒体查询以处理320px的中断。

http://codepen.io/tsneville/pen/bpWNYo