데스크탑에서 fieldcontain 너비 문제가있는 JQueryMobile 라디오 버튼

Question

가로로 4 개의 라디오 버튼이 있으며 320X300 픽셀 (스마트 폰)에서 잘 보이지만 데스크탑이나 태블릿에서 잘 보길 원합니다. 범례 텍스트를 넓게 만들거나 모두 2 열에 맞추려면 어떻게합니까? 나는 격자를 사용하여 시도했지만 아무것도하지 않는 것 같다. 나는 CSS가 필요하다고 생각하지만 무엇을해야할지 모르겠습니다.

<div data-role="fieldcontain" > 
<fieldset data-role="controlgroup" data-type="horizontal" data-ajax="true" class="row_b" > 
<legend>This is a long question that gets wrapped around in a small space on a desktop but it would be great if it occupied more of the wasted space on the right.</legend> 
<input type="radio" name="q2" title="Did not apply to me at all" id="q2_0" value="0" /> 
<label for="q2_0" style="width: 65px;">0</label> 
<input type="radio" name="q2" title="Applied to me to some degree, or some of the time" id="q2_1" value="1" /> 
<label for="q2_1" style="width: 65px;">1</label> 
<input type="radio" name="q2" title="Applied to me to a considerable degree, or a good part of time" id="q2_2" value="2" /> 
<label for="q2_2" style="width: 65px;">2</label> 
<input type="radio" name="q2" title="Applied to me very much, or most of the time" id="q2_3" value="3" /> 
<label for="q2_3" style="width: 65px;">3</label> 
</fieldset> 
</div> 

Answer 1

열 대신 두 줄을 시도해 볼 수 있습니다.

데모 : http://jsfiddle.net/6rCmY/1

나는 legend을 제거하고 fieldset 중 텍스트를 이동 .row_b

.row_b .ui-btn { 
    text-align: center; 
    width: 24.5%; 
} 

또는 그냥 텍스트를 이동의 자식으로 .ui-btn 클래스의 기본 CSS를 오버라이드 필드 세트의 CSS를 전혀 변경하지 마십시오.

데모 : http://jsfiddle.net/GsUEz/1/