Question

我正在尝试在我的Rails 4应用程序中使用Simple Form（使用twitter bootstrap）。

我的表格中有这一行。这是一个回答是或否的问题。我希望按钮与标签内联。此时，按钮出现在标签上方（因此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' }  %>

检查谷歌中是否有单独的标签。

我无法将其渲染为内联。请你能帮我理解如何在上面的行中内嵌单选按钮。

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

     <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>

上面的结果是稍微缩进了段但仍未呈现内联。谢谢

Answer 1

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

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

Answer 2

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

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

简单形式单选按钮 - 显示内联

2 个答案: