だからこれは私が得ようとしている結果です:
<div class="control-group">
<label class="control-label" for="ListingType">Listing Type:</label>
<div class="controls">
<label class="inline"><input type="radio" name="ListingType"> For Sale</label>
<label class="inline"><input type="radio" name="ListingType"> For Rent</label>
</div>
</div>
私はこれを試しました:
<%= f.association :listing_type, label: "Listing Type: ", as: :radio_buttons, input_html: { class: 'inline'} %>
これが作成されたものです:
<div class="control-group radio_buttons optional">
<label class="radio_buttons optional control-label">Listing Type:</label>
<div class="controls">
<label class="radio"><input class="radio_buttons optional inline" id="listing_listing_type_id_1" name="listing[listing_type_id]" type="radio" value="1" />For Sale</label>
<label class="radio"><input class="radio_buttons optional inline" id="listing_listing_type_id_2" name="listing[listing_type_id]" type="radio" value="2" />For Rent</label>
</div>
</div>
label.class="radio"
とは対照的にに注意してくださいlabel.class="inline"
。
それが私がきちんとやろうとしている主なことです。
私が試したところlabel_html: { class: 'inline' }
、これが生成されます:
<div class="control-group radio_buttons optional">
<label class="radio_buttons optional control-label inline">Listing Type:</label>
<div class="controls">
<label class="radio"><input class="radio_buttons optional" id="listing_listing_type_id_1" name="listing[listing_type_id]" type="radio" value="1" />For Sale</label>
<label class="radio"><input class="radio_buttons optional" id="listing_listing_type_id_2" name="listing[listing_type_id]" type="radio" value="2" />For Rent</label>
</div>
</div>
つまり、各ラジオボタンではなく、クラスinline
を最も外側に移動します。<label>
label
考え?