rails3,simple_form,twitter bootstrap:单选按钮分为不同的行

jpw*_*ynn 0 ruby-on-rails simple-form twitter-bootstrap

我的rails 3.1.3 app使用的是simple_form 2.0.1和twitter_bootstrap_rails 2.0.3.

除非我使用收音机收藏,否则我的所有表单元素都很好看

= f.collection_radio_buttons :my_fieldname, [['x1', 'FOO'],
['x2', 'BAR'],
['x3', 'FOOBAR'],
['', 'None']], :first, :last
Run Code Online (Sandbox Code Playgroud)

单选按钮和标签垂直显示如下:

()
FOO
()
BAR
()
FOOBAR
()
None
Run Code Online (Sandbox Code Playgroud)

而不是像这样:

() FOO () BAR () FOOBAR () None
Run Code Online (Sandbox Code Playgroud)

我将"form-horizo​​ntal"类分配给simple_form_for,并且所有其他表单元素看起来都很好.

我需要一个附加到f.collection_radio_buttons的特殊类吗?

小智 5

试试这个

<%= f.input :save_it, :collection => [['Yes',true] ,['No', false]], :as => :radio_buttons, :item_wrapper_class => 'inline', :label => 'Save now?' %>
Run Code Online (Sandbox Code Playgroud)