Html 引导3中的堆叠Div顺序

我使用的是bootstrap3网格。在大屏幕上，我有两列并排的内容。 左栏是一个div，右栏由两个div组成，如下所示：

(left)
col-md-6
div 1
col-md-6

(right)
col-md-6
div 2
div 3
col-md-6

当屏幕很小时，我希望它们按以下顺序堆叠：

div 2
div 1
div 3

---

感谢您的帮助

将div 1写两次，一次在左侧（已放置的位置），另一次在右侧列的div 2和div 3之间。现在在左列div1中使用类visible xl，在右列div1中使用visible xs，它位于div2和div3之间。这样，左栏中的div 1将在大屏幕中显示，而在小屏幕中隐藏，右栏中的div 1将显示。因此，从本质上讲，它将在小设备和大屏幕设备中显示为您提到的顺序。

将div 1写两次，一次在左侧（已放置的位置），第二次在右侧列的div 2和div 3之间。现在在左列div1中使用类visible xl，在右列div1中使用visible xs，它位于div2和div3之间。这样，左栏中的div 1将在大屏幕中显示，而在小屏幕中隐藏，右栏中的div 1将显示。因此，从本质上讲，它将在小设备和大屏幕设备中显示为您提到的顺序。

第一组
第2组
第2组
第一组
第3组

第一组
第2组
第2组
第一组
第3组

谢谢！但是我用这个解决方案在一个大屏幕上把所有3个div放在一行。当堆叠在小屏幕上时，最右边的div仍然不在中间。如果您在示例中指示div编号，那么您希望右div中的div相互内联，或者在大屏幕上一个接一个地显示，那么右div应该位于另一个之上。在小屏幕上堆叠时的顺序应为：1。右上分区，2。左分区，3。右下角div。我不确定你要求的是可能的，因为你必须在引导中嵌套。我在上面的示例中添加了一些更新的代码。看看这是否对你有帮助。刚刚更新了上面的代码，看看是否有效。谢谢！但是我用这个解决方案在一个大屏幕上把所有3个div放在一行。当堆叠在小屏幕上时，最右边的div仍然不在中间。如果您在示例中指示div编号，那么您希望右div中的div相互内联，或者在大屏幕上一个接一个地显示，那么右div应该位于另一个之上。在小屏幕上堆叠时的顺序应为：1。右上分区，2。左分区，3。右下角div。我不确定你要求的是可能的，因为你必须在引导中嵌套。我在上面的示例中添加了一些更新的代码。看看这是否对你有帮助。只是更新了上面的代码，看看它是否有效。这是有意义的，我想它对静态内容也有效。然而，我在div中有一个表单需要重复，所以我想我不能使用这个解决方案。Anil的答案几乎是你能够完成这个任务的唯一方法（我知道）。我在上面的例子中创造了他所说的。你的编码语言是什么？如果像asp.net mvc一样，它支持部分页面或html帮助程序来重用div的一部分，那么我认为这不会是一个问题。其次，通过这种方法，您不会违背引导推荐的实现方法。您是对的。一个局部的治疗会起作用。我很正常。我会尝试一下，然后再报告。这很有意义，而且我想它对静态内容也有用。然而，我在div中有一个表单需要重复，所以我想我不能使用这个解决方案。Anil的答案几乎是你能够完成这个任务的唯一方法（我知道）。我在上面的例子中创造了他所说的。你的编码语言是什么？如果像asp.net mvc一样，它支持部分页面或html帮助程序来重用div的一部分，那么我认为这不会是一个问题。其次，通过这种方法，您不会违背引导推荐的实现方法。您是对的。一个局部的治疗会起作用。我很正常。我试试看，然后回来汇报。