html - 如何使用 Bootstrap 和断点更改元素顺序

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>

您需要进行自定义媒体查询以处理 320 像素处的中断。

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