jquery 移动水平控制组无法在移动设备上正确显示

Question

我试图让这个控制组保持在一条线上。当我在移动设备或浏览器的最小宽度上查看时，我得到以下图像。我如何对齐它们，如果 radio 太大，请将其移到下一行。

<form id="myResourcesResourceTypes">
                    <div class="ui-field-contain">
                    <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true" >
                        <legend>Resources:</legend>
                        <input type="radio" name="radio-choice-h-2" id="radio-choice-h-2a" value="games" checked="checked">
                        <label for="radio-choice-h-2a">Games</label>
                        <input type="radio" name="radio-choice-h-2" id="radio-choice-h-2b" value="teams">
                        <label for="radio-choice-h-2b">Teams</label>
                        <input type="radio" name="radio-choice-h-2" id="radio-choice-h-2c" value="league">
                        <label for="radio-choice-h-2c">Leagues</label>
                        <input type="radio" name="radio-choice-h-2" id="radio-choice-h-2d" value="tournaments">
                        <label for="radio-choice-h-2d">Tournaments</label>
                    </fieldset>
                </div>
                </form>

Answer 1

当我从 jquerymobile 网站复制示例时，它们在复制时位于剪贴板中。我删除了所有间距...