Rails简单窗体Bootstrap单选按钮

我正在使用简单窗体和bootstrap与我的rails 4应用程序。Rails简单窗体Bootstrap单选按钮

我对此感到非常沮丧，以至于我无法弄清楚应该是“简单”的东西。

我想让我的单选按钮显示：块。相反，文本全部内联，并且彼此重叠，因为容器太窄而无法将其全部放入一行。

我的表单元素是：

<%= f.collection_radio_buttons :public, [[true, 'Yes, anyone can view this project'] ,[false, 'No, I would like to invite specific recipients']], :first, :last, {style:'display:block', class: "response-project"} %>

我也曾尝试：

无论这些工作的禁用，要么简单的表单或引导很有气势的格式。我有其他表单元素，我想保持显示单选按钮：内联。我可以从我的google inspect元素中看到，表单元素上有一个label.collection_radio_buttons标签。我没有创建它，我无法在css文件中找到它。它可能是引导程序或简单表单样式的一部分，但我不知道如何从我的表单元素中解除它。

任何人都可以帮忙吗？

如果你希望你的CSS工作，你有用户input_html或label_html谢谢

来源

2015-04-05 Mel

终于找到了答案。我没有意识到我需要用样式编写一个项目包装类，如下所示：.fixradio {display：block; input [type = radio] { margin：0px 5px 0px 5px; display：inline; } label.radio { margin-right：5px; } } – Mel 2015-04-05 23:30:07

。因此，这将是这样的：

<%= f.collection_radio_buttons :public, [[true, 'Yes, anyone can view this project'] ,[false, 'No, I would like to invite specific recipients']], :first, :last, :input_html => {style:'display:block', class: "response-project"} %>

* label_html是影响只有标签的div 反正你应该阅读文档https://github.com/plataformatec/simple_form下的“用法”部分。希望这可以帮助。

来源

2015-04-05 23:55:34 Woody008

谢谢伍迪。我确实阅读了简单的表单文档，无法弄清楚如何修改示例。我终于找到了如何使用项目包装类来获取单个单选按钮上的样式。 – Mel 2015-04-06 02:12:22

Rails简单窗体Bootstrap单选按钮

回答

相关问题