根据屏幕大小使用引导顺序 [关闭]答案

【问题标题】：Using bootstrap order based on screen size [closed]根据屏幕大小使用引导顺序 [关闭]
【发布时间】：2020-02-25 02:03:46
【问题描述】：

我正在用 React Js 做一个小而简单的项目，并使用 Bootstrap 来设置它的样式。问题是我希望页面上最后一个元素是第一个。为此，我想使用 Bootstrap 中的 order-1 和 order-12，因此我需要在移动设备上打开页面时添加它们。关于如何以简单的方式做到这一点的任何想法？

【问题讨论】：

请发布一些您正在努力解决的代码。
您可以使用<div class="order-12 order-lg-1"> 之类的东西，这样它就出现在移动设备上的第 12 位和大屏幕上的第 1 位
听起来你指的是Bootstrap的网格系统。所以在桌面上你想要一个特定的订单，而在移动设备上你想要一个不同的订单？你也可以参考这个文档：getbootstrap.com/docs/4.0/layout/grid/#reordering
谢谢大家，它正在工作，我不知道我可以在引导命令中使用 md 哈哈

【解决方案1】：

大多数 Bootstrap 类都是响应式的，因此您可以编写，例如 className="order-md-1 order-lg-12"，因此在 md 大小时，您的元素将排在第一位，在 lg 大小时将排在最后。

【讨论】：