自举式推杆

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>

推拉的原因是我想让这2列在手机上交换。目前，它在移动设备上运行得很好，但是在桌面上却不像这样：

​

​

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

​

​

如果我把推拉移开，他们就不会动。所以这肯定和这事有关。

我怎么才能阻止他们违反-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>