Bootstrap col-push，col-pull

Question

我有以下代码：

<div class="col-md-9 col-md-offset-3">
  <div class="row">
    <div class="col-sm-4 col-sm-push-4">
    </div>
    <div class="col-sm-8 col-sm-pull-8">
    </div>
  </div>
</div>

推拉的原因是我希望这两个列在移动设备上交换。目前它在移动设备上工作正常，但在桌面上 - 而不是像这样：

列如下所示跳出col-md-9：

如果我取下推拉，它们会保持不动。所以这肯定与此有关。

如何阻止他们违反col-md-9？

Answer 1

您必须更改push/pull课程。

<div class="col-md-9 col-md-offset-3">
  <div class="row">
    <div class="col-sm-4 col-sm-push-8">
    </div>
    <div class="col-sm-8 col-sm-pull-4">
    </div>
  </div>
</div>