在MD或更大的col大小上重新排序div

时间:2014-10-28 19:03:59

标签: twitter-bootstrap twitter-bootstrap-3

所有div都在一行中。有关如何在col-md或更大的列大小时将中间div移动到左侧的任何建议?

在移动设备上进行堆叠订单。

------------------
|      A         |
------------------
------------------
|      B         |
------------------
------------------
|      C         |
------------------

To col-md。

------------------ ------------------
|      A         | |        B        |
------------------ ------------------
------------------
|      C         |
------------------

1 个答案:

答案 0 :(得分:1)

我不确定您是否尝试向左移动第二列,或者实现图片中显示的内容。这是使用推/拉类的示例..

<div class="container-fluid">
    <div class="col-sm-6 col-sm-push-6">
      a
    </div>
  <div class="col-sm-6 col-sm-pull-6">
      b
    </div>
  <div class="col-sm-6">
      c
    </div>
</div>

http://www.bootply.com/pUyLDG9HJb