Html 小型设备的交换元件位置.引导

我想交换两个元素的位置，仅适用于

sm

设备

目前是这样的:

 ----------------- -----------------
|        Text        |        Button        |
 ----------------- -----------------

 ----------------- 
|        Button        |
 -----------------
|        Text        |
 -----------------

我希望它是这样的：

 ----------------- -----------------
|        Text        |        Button        |
 ----------------- -----------------

 ----------------- 
|        Button        |
 -----------------
|        Text        |
 -----------------

在

FIDDLE

中，对于

sm

设备，

Know the status

文本应位于

Save

按钮下方

---

您需要Bootstrap的列排序功能：

下面是一支笔，向您展示了这一工作原理的示例：

---

请注意，并排排列时，元素的顺序是

test1

，然后是

test2

。当视口的断点变小时，它们会切换位置，然后，根据您的请求，

TEST 2

元素在最小断点处堆叠在

TEST 1

元素上方。

您的问题解决了吗？是的，解决了……谢谢！很高兴这对你有用。