Question

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

Example here显示移动设备，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>

Answer 1

您不需要使用推/拉来使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>

Answer 2

为什么你需要推拉？如果只是每个div div class='col-sm-6 col-xs-12'可以根据需要使用

Bootstrap push-pull并保持列顺序相同？

2 个答案: