如何在 bootstrap 3 和 simple_form 3.1.0 中使用 label.radio-inline 而不是 span.radio-inline > label？答案

【问题标题】：How to use label.radio-inline instead of span.radio-inline > label with bootstrap 3 and simple_form 3.1.0?如何在 bootstrap 3 和 simple_form 3.1.0 中使用 label.radio-inline 而不是 span.radio-inline > label？
【发布时间】：2014-12-01 04:53:20
【问题描述】：

我使用 bootstrap v3.3.1 和 simple_form 3.1.0。

我以横向形式写了f.input :some_column, as: :radio_buttons, item_wrapper_class: 'radio-inline'。而simple_form 3.0.2 生成label.radio-inline > input，而simple_form 3.1.0 生成span.radio-inline > label > input。

似乎 bootstrap 的 Inline checkboxes and radios 假定标签没有跨度。 (http://getbootstrap.com/css/#forms-controls) 如何删除 span 并将radio-inline 类设置为内联标签？

我尝试了item_wrapper_tag: false，我可以删除span，但我无法将radio-inline 类设置为内联标签。
我试过label_html: { class: 'radio-inline' }，它将类设置为左列的标签而不是内联标签。

【问题讨论】：

How to generate a radio-inline label with simple_form and bootstrap?的可能重复

标签： ruby-on-rails twitter-bootstrap simple-form

【解决方案1】：

这是简单的单选按钮内联解决方案

CSS

.radio-buttons-inline{
    .make-md-column(12);
}

.radio-buttons-inline {
    .margin-right(10px);
}

HTML

 <div class="radio-buttons-inline">
    <label class="radio-inline">
         <input type="radio" name="inlineRadioOptions" value="option1">1
    </label>
    <label class="radio-inline">
         <input type="radio" name="inlineRadioOptions" value="option1">2
    </label>
    <label class="radio-inline">
         <input type="radio" name="inlineRadioOptions" value="option1">3
    </label>
 <hr>
</div>

http://jsfiddle.net/52VtD/9291/

【讨论】：

谢谢你的回答，但我想直接使用simple_form gem的方法而不是HTML。

【解决方案2】：

我知道为时已晚，但对于那些正在寻找答案并找到此主题的人来说，我认为您可能正在寻找这样的东西：

f.input :some_column, as: :radio_buttons, item_wrapper_class: 'radio-inline', item_wrapper_tag: 'label'

【讨论】：