Html 重新排序/重新排列twitter引导列

我需要像这样重新排列我的专栏，但是因为你不能做

col-sm-pull-12

/

col-sm-push-12

，所以我甚至很难接近。有没有任何可能的方法可以通过引导实现这一点？如果没有引导，我如何实现这样的目标

A.
B
C
D
E

因此，无法使用引导

push

和

pull

类执行此操作的原因是

push

和

pull

类不允许行跳转（如果推或拉超出网格系统设置的12列，它将离开屏幕）

另一种方法是使用引导的

hidden

类。这里有一个例子

内容
B的含量
C的含量
C的含量
B的含量
D的含量
E的内容

请在左侧显示用于创建图像的HTML代码。Wp。JSFIDLE是空的。您可以使用javascript和jquery吗？@CodingEnthusiast是的，我可以，但如果引导中有本机方式，我会尽量避免它。我基本上只需要在XS屏幕大小下交换B和C。使用推拉类。看看他们。他们真的很适合订购东西。你在复制数据。。。这从来不是一个好的方法，但它是有效的。我也这么想，但我不会建议任何人这么做。

<div class="container">
  <div class="row">
    <div class="col-xs-12 col-sm-8 red">
      A
    </div>  
    <div class="col-xs-12 col-sm-3 blue">
      B
    </div>
    <div class="col-xs-12 col-sm-4 green">
      C
    </div>  
    <div class="col-xs-12 col-sm-9 yellow">
      D
    </div>
    <div class="col-xs-12 col-sm-3 magenta">
      E
    </div>  
  </div>
</div>

<div class="row">
    <div class="a col-xs-12 col-sm-12 col-md-8 col-lg-8">Content of A</div>    
    <div class="b col-xs-12 col-sm-12 hidden-md hidden-lg">Content of B</div>    
    <div class="c col-xs-12 col-sm-12 hidden-md hidden-lg">Content of C</div>        
    <div class="c col-md-4 col-lg-4 hidden-sm hidden-xs">Content of C</div>
    <div class="b col-md-4 col-lg-4 hidden-sm hidden-xs">Content of B</div>
    <div class="d col-xs-12 col-sm-12 col-md-8 col-lg-8">Content of D</div>
    <div class="e col-xs-12 col-sm-12 col-md-4 col-lg-4">Content of E</div>   
</div>