jquery mobile horizo​​ntal controllgroup无法在移动设备上正常显示

Question

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

<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网站上的例子时，他们在剪贴板中复制了这些例子。我删除了所有间距...