设置Bootstrap网格的断点

Question

我在我的react.js项目中使用引导网格系统（3.4.1）。我有两列C1和C2。

| C1 | C2 |

如果我缩小屏幕的宽度，默认情况下C2在C1下中断。 但是我希望相反的C1应该在C2下突破。 仅使用引导程序就能实现吗？

Answer 1

在Bootstrap 3中，您可以执行以下操作

<div class="container-fluid">
  <div class="row">
    <div class="col-sm-4 col-sm-push-8 bg-info">C2</div>
    <div class="col-sm-8 col-sm-pull-4 bg-success">C1</div>
  </div>
</div>

同一https://codepen.io/R1112/pen/RwbzmEL的工作密码笔

Answer 2

在Bootstrap 3中使用它。

<div class="container">
  <div class="row">
    <div class="col-sm-12 col-md-6" style="float:right">
      C2
    </div>
    <div class="col-sm-12 col-md-6" style="float:right">
      C1
    </div>
  </div>
</div>