移动设备上的引导列更改顺序（2、1、3 中的 1、2、3）[重复]

Posted 2023-03-05

【中文标题】移动设备上的引导列更改顺序（2、1、3 中的 1、2、3）[重复]

【英文标题】：Bootstrap column change order on mobile (1,2,3 in 2,1,3) [duplicate]

【发布时间】：2021-03-24 21:18:07

【问题描述】：

我在移动设备上找到了如何更改两个 cloumn 的顺序的解决方案。我的情况是1,2,3 3列，不知道2,1,3在手机上的顺序如何。

请帮我解决一下。

非常感谢

【参考方案1】：

我不知道如何为您的项目编写代码，但我可以通过示例情况给您一个想法。

<div class="container">
  <div class="row">
    <div class="col ">
      First, goes second.
    </div>
    <div class="col order-first">
      Second, goes first.
    </div>
    <div class="col order-last">
      Third, goes last.
    </div>
  </div>
</div> 

如果您按照上面的代码，您可以解决问题。另一方面，您可以访问 Bootstrap 的原始网站来解决此类问题。

我有这个链接的解决方案。(https://getbootstrap.com/docs/4.0/layout/grid/)

第二个选项可以将媒体查询编码为自定义 CSS。你也可以搜索一下。

我希望这些进展顺利，您可以解决它。

最好的。