Simpleform＆amp; Boostrap自定义包装：内联单选按钮

Question

使用简单形式＆amp; Bootstrap，有没有办法在span class =“radio”上添加一个类？ （使用自定义包装器或wrapper_html？）。我的目标是将所有单选按钮内联（但不是主要标签'Vousêtes'）。

目标=

Vousêtes：

（）Homme（）Femme

here is the code (haml) in my view :

= simple_form_for @user  do |f|
 = f.input :gender, as: :radio_buttons, collection: [["Homme", 0], ["Femme", 1]]

here is the html generated code :

<div class="form-group radio_buttons required user_gender">
 <label class="control-label radio_buttons required">
   Vous êtes :
 </label>
 <input type="hidden" name="user[gender]" value="">
 <span class="radio">
   <label for="user_gender_0">
     <input class="radio_buttons required" type="radio" value="0" checked="checked" name="user[gender]" id="user_gender_0">
     Homme
   </label>
 </span>
 <span class="radio">
   <label for="user_gender_1">
     <input class="radio_buttons required" type="radio" value="1" name="user[gender]" id="user_gender_1">
     Femme
 </label>
 </span>
</div>

Answer 1

如果我理解你正在寻找的是什么，你就不能使用＆＃39; display block＆＃39;在你的CSS？或者简单地将主标签包装在其自己的收容div中。

.control-label {
    display: block;
}