Bootstrap css列推拉

Question

我在使用bootstrap 3.3.2进行列排序时遇到问题。我甚至不确定这是否可行!!如果我告诉你，这可能是最好的......

我的代码目前是：

<div class="row">
    <div class="col-md-3 col-md-push-6">A</div>
    <div class="col-md-6 col-md-pull-3">B</div>
    <div class="col-md-3">C</div>
</div>

它确实将它们重新排序为B-A-C用于桌面，但我不确定如何将元素C下拉到A以下。这是我想要移动的顺序，因为我知道bootstrap 3是移动优先......

任何想法？

Answer 1

解决此问题的一种方法是使用pull-right类。 B-A-C大型，A-B-C移动......

<div class="container">
      <div class="col-md-3 pull-right">
          A
      </div>
      <div class="col-md-9">
          B         
      </div>
      <div class="col-md-3 pull-right">
          C
      </div>
</div>

演示：http://bootply.com/nMaeg47uFt