css - Rails 简单表单 Bootstrap 单选按钮

Question

我在我的 Rails 4 应用程序中使用简单的表单和 Bootstrap 。

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

我正在尝试让我的单选按钮显示: block 。取而代之的是，文本都是内联的并且相互挤压，因为容器太窄而无法将所有内容放在一行中。

我的表单元素是:

    <%= 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"}  %>

我也试过:

这些都不能禁用 Simple Form 或 Bootstrap 强加的格式。我还有其他表单元素，它们是我想保留显示的单选按钮:内联。我可以从我的 google inspect 元素中看到，表单元素上有一个 label.collection_radio_buttons 标签。我没有创建它，而且我在 css 文件中的任何地方都找不到它。它可能是从 Bootstrap 导入的或简单表单样式的一部分，但我不知道如何从我的表单元素中解除它。

有人能帮忙吗？

谢谢

Answer 1

如果您希望您的 CSS 正常工作，您必须使用 input_html 或 label_html。 所以它会是这样的:

<%= 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在“使用”部分下。希望这会有所帮助。