Question

Hello bootstrap社区，

虽然我已经尝试了好几天，但我现在可以想象使用push和pull命令在bootstrap 3中交换多个列我无法使md屏幕大小正常工作。

以下是代码：http://jsbin.com/dipel/3/embed?html,css,output

对于xs-size（没问题）：
所有盒子都有全屏宽度 BOX1
BOX2
BOX3
Box4

对于sm-size（没问题）：
最后两个框交换并且彼此相邻 BOX1
BOX2
Box4 |方框3

对于md-size（不知道如何交换）：
这是我的问题。我无法通过这种布局来正确交换位置 Box1 | BOX3
Box4 |方框2

因此我的问题是：这种布局通常是否可以使用bootstrap 3，如果是，那究竟是什么？任何想法如何解决这个问题？

非常感谢提前

的Stefan

以下是我的代码示例：http://jsbin.com/dipel/3/embed?html,css,output

Answer 1

我建议使用2个单独的行，然后使用col-md-6（这将是整个容器的50％）。

例如：

<div class="row">
  <div class="col-md-6">
    <div class="box1"></div>
  </div>
  <div class="col-md-6">
    <div class="box2"></div>
  </div>
</div>

<div class="row">
  <div class="col-md-6">
    <div class="box3"></div>
  </div>
  <div class="col-md-6">
    <div class="box4"></div>
  </div>
</div>

这是一个演示：

http://jsbin.com/tuhiqoda/1/edit

Bootstrap 3：更改MULTIPLE列的顺序

1 个答案: