Jquery mobile JQuery移动响应网格位于另一个响应网格的单元内

我试图在第一个响应ui网格的块中有第二个响应ui网格，但我无法让这样的东西工作。 这将表现为25%25%50%流体响应布局

以下是我的意思的简短示例：

以下是我现在得到的示例：

这种想法应该是：在较大的屏幕尺寸下，两个表单元素位于同一条线上，在较小的尺寸下，它们位于彼此下方

更新

请让我用图片更好地解释这个问题之外的想法

这将是较大屏幕尺寸的嵌套布局，如平板电脑，横向：

这将是平板电脑中的嵌套布局，纵向：

这将是非常小的屏幕尺寸的嵌套布局，如在手机中：

也许有另一种方法可以在没有ui网格的情况下实现类似的功能，或者有人可以提供帮助？提前感谢大家