Php jQuery Mobile：单选按钮的两列/三列垂直控制组

我最近一直在使用jQuery Mobile，并开始遇到各种限制；其中大部分我都可以使用某种jQuery/Javascript/CSS操作来解决。我们使用了很多iPad，它比普通手机的宽度更大。我们页面上的一些输入组在两列格式中看起来更好；如果可能的话

一个例子是单选按钮的长列表。只有一列看起来很糟糕。我们希望以2或3列显示单选按钮列表，而不是使用单个“垂直”控件组获得的典型1列格式。请参见此演示页面上的垂直控制组：

通过复选框，我创建了两个或三个不同的控件组，然后将它们放置到一个3列的网格中，从而完成了这一任务。这对复选框很有效，但我不确定如何使用单选按钮。有什么想法吗

---

我假设我可以创建三个不同的无线电输入垂直控制组（并排），然后操纵CSS，这样看起来就有一个组了。我必须为实际选择的电台管理一个隐藏的输入。

我决定为营销来源创建两个栏目；左右。这些名称分别是“营销资源左”和“营销资源右”。我填充这两个无线电垂直控制组，然后使用jQuery将两者更改为仅具有“marketing_source”的“name”属性

使用的CSS与此类似

#marketing_right_div, #marketing_left_div {
    display: inline-block !important;
    width: 314px !important;
    text-align: top;
    vertical-align: top;
}

---

就我个人而言，我发现使用bootstrap为移动设备设计是一项更令人愉快的任务。不幸的是，我一直在使用jQuery Mobile来完成这个项目。你能制作一个JSFIDLE来显示你对复选框做了什么吗？这可能不是最好的问题。

#marketing_right_div, #marketing_left_div {
    display: inline-block !important;
    width: 314px !important;
    text-align: top;
    vertical-align: top;
}