html - 重新排列 twitter bootstrap div 以折叠成不同的顺序

Question

我有三个 class="col-md-4 col-xs-6", class="col-md-4 col-xs-12", class="col-md-4 col-xs- 6"
它在中屏幕 View 中折叠成一行:

    div 1 | div 2 | div 3 
    

调整为 xs 后:

    div 1 (xs 6) 
    div 2 (xs 12) 
    div 3 (xs 6) 
    

我怎样才能实现这样的崩溃:

    div 1 (xs 6) | div 3 (xs 6) 
    div 2 (xs 12) 
    

我想我可以让 div 3 隐藏在 xs View 中，并制作 div 3 的副本，将它放在 div 1 之后，它变得可见。但是有没有办法不用复制呢？

Answer 1

我自己找到了如何做到这一点。这是我的解决方案:

<div class="col-md-4 col-xs-6">1</div>
<div class="col-md-4 col-xs-12">2</div>
<div class="col-md-4 col-xs-6">3</div>

重写为:

<div class="col-md-4 col-xs-6">1</div>
<div class="col-md-4 col-xs-6 pull-right">3</div>
<div class="col-md-4 col-xs-12">2</div>

http://jsfiddle.net/tkgfzzx4/10/