如何以不同的屏幕尺寸为所需的输出排列行和列：

我尝试搜索此内容，可能是我使用了错误的术语，但找不到有关如何执行此操作的任何文档：

在大屏幕上，我需要以下输出：

在较小的屏幕上，我需要此输出：
**编辑：Div 3和4应该说6列，而不是4列。






DIV 1




DIV 2






DIV 3




DIV 4






现在，问题在于此当前代码Div 3和4各自位于不同的行，而不是位于同一行。

3和4个列应位于同一v-row中，并添加cols="6" lg="12" ...



DIV 3
DIV 4




Demo