ios - “order”(bootstrap 4 网格)在 Safari IOS 中无法正常工作

Question

此代码在 Windows 桌面上完美运行。但是当我在 safari ios 中测试它时，第三个 col 总是崩溃并跳到一个新行。

代码如下:

 <div class="container">
  <div class="row">
    <div class="col-4">
      First, but unordered
    </div>
    <div class="col-4 order-sm-4">
      Second in sm+, last in mobile
    </div>
    <div class="col-4 order-3">
      Last in sm+, Second in mobile
    </div>
  </div>
</div>

有没有人经历过？这是一个错误吗？ 谢谢

Answer 1

我认为你写错了顺序类。 Bootstrap 是移动优先的，所以 col-sm 例如是 sm 和 up(到 lg)。

这可能是您想要的:

<div class="container">
  <div class="row">
    <div class="col-4">
      First, but unordered
    </div>
    <div class="col-4 order-3 order-sm-1">
      Second in sm+, last in mobile
    </div>
    <div class="col-4 order-2">
      Last in sm+, Second in mobile
    </div>
  </div>
</div>

如果此代码有任何问题，请告诉我!