Bootstrap 4 移动设备上的引导列变更单(2,1,3中的1,2,3)

Bootstrap 4 移动设备上的引导列变更单(2,1,3中的1,2,3),bootstrap-4,Bootstrap 4,我在手机上找到了一个解决方案,如何更改两个cloumn的订单。我的情况是第1、2、3列,我不知道2、1、3列在手机上的顺序如何 请帮我找个解决办法 非常感谢我不知道如何为您的项目编写代码,但我可以通过一个示例情况为您提供一个想法 <div class="container"> <div class="row"> <div class="col "> First, goes se

我在手机上找到了一个解决方案,如何更改两个cloumn的订单。我的情况是第1、2、3列,我不知道2、1、3列在手机上的顺序如何

请帮我找个解决办法


非常感谢

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

<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的原始网站

我从这个链接中找到了解决方案。()

第二种选择是将媒体查询编码为自定义CSS。你也可以搜索它

我希望这些都很好,你能解决它

最好的