简单表单单选按钮 - 内联显示答案

【问题标题】：Simple Form Radio Buttons - Display inline简单表单单选按钮 - 内联显示
【发布时间】：2014-08-26 07:39:31
【问题描述】：

我正在尝试在我的 Rails 4 应用程序中使用简单表单（使用 twitter 引导程序）。

我的表格中有这一行。这是一个回答是或否的问题。我希望按钮与标签内联。目前，按钮出现在标签上方（所以 4 行，分别代表按钮、是、按钮、否）。

 <%= f.collection_radio_buttons :project_image, [[true, '  Yes'] ,[false, '  No']], :first, :last, :inline,  {:class => "create-project", :style=> 'width: 650px' }  %>

我还应该说我已经尝试过这里发布的解决方案： simple_form_for rails radio button inline 并尝试过这一行：

<%= f.collection_radio_buttons :project_image, [[true, '  Yes'] ,[false, '  No']], :first, :last, {:inline_label=> true}, {:class => "create-project", :style=> 'width: 650px' }  %>

在google中检查显示有单独的和标签。

我无法让它内联渲染。请你能帮我理解如何在上面的行中呈现单选按钮。

响应以下关于将引导样式添加到简单表单的建议。我试过了：

     <label class="checkbox-inline">
      <%= f.collection_radio_buttons :project_image, [[true, '  Yes'] ,[false, '  No']], :first, :last,  {:item_wrapper_class => 'inline'}, {:class => "create-project", :style=> 'width: 650px' }  %>
  </label>

上面的结果是稍微缩进了段，但仍然没有内联渲染。谢谢

【问题讨论】：

simple_form_for rails radio button inline的可能重复
嗨，帕万，不，我尝试了该回复中提出的每个解决方案。该页面上的最终 cmets 似乎与我尝试它们的结果相同。

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

【解决方案1】：

将 radio-inline 类添加到您的单选按钮。

参考：http://getbootstrap.com/css/#forms

【讨论】：

您好，感谢您的回复。我更新了我的问题以显示我尝试在表单上使用引导样式的方式。它没有用。
试试这个： ' inline'}, {:class=> "radio-inline create-project" } %>

【解决方案2】：

如果上述方法不适合您，请尝试：

<%= f.collection_radio_buttons :project_image, [[true, 'Yes'] ,[false, 'No']], :first, :last) do |b| b.label { b.radio_button + b.text } %>

【讨论】：