Css 引导推拉和保持列的顺序相同？

我一直在阅读bootstrap中的push和pull类，需要使用它们，但我遇到了一些问题。似乎默认行为是在推/拉时重新排列列

显示在移动设备上，A列先显示，但在桌面上，B列先显示。如何更改此设置，使列A首先显示在移动设备和桌面上？我在左/上栏有一个徽标，在右/下栏有段落

<div class="container">
  <div class="row">
    <div class="col-sm-6 col-sm-push-6">
      <div class="content">
        <h1>Column A</h1>
      </div>
    </div>
    <div class="col-sm-6 col-sm-pull-6">
      <div class="content">
        <h1>Column B</h1>
      </div>
    </div>
  </div>
</div>

A列
B栏

为什么需要推拉？如果只是

---

div class='col-sm-6 col-xs-12'

对于每个div，它都可以按照您的需要工作

您不需要使用推/拉使列A首先出现。移除推/拉按钮，A将出现在B之前，B将在较小的屏幕上缠绕在下面。包裹发生时，

sm

md

lg

将受到影响

<div class="container">
  <div class="row">
    <div class="col-sm-6">
      <div class="content">
        <h1>Column A</h1>
      </div>
    </div>
    <div class="col-sm-6">
      <div class="content">
        <h1>Column B</h1>
      </div>
    </div>
  </div>
</div>

A列
B栏

推拉操作专门用于对列进行重新排序，在示例中，您可以在a列前面拉动b列。您不需要使用推拉操作，只需使用col-sm-6即可。你应该会得到想要的结果。我是一名PHP开发人员，有一个引导网站被甩给了我。我正在试图找出其他人的代码。好吧，试试看，这应该是你想要的