Rails Simple Form Bootstrap Radio Buttons

Question

Я использую простую форму и бутстрап с помощью моих рельсов 4 приложения.

Я так расстраиваюсь этим, что просто не могу понять, что должно быть «простым».

Я пытаюсь отображать свои переключатели: блок. Вместо этого текст является встроенным и сжатым поверх друг друга, потому что контейнер слишком узкий, чтобы вместить его все в одну строку.

Моя форма элемент:

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

Я также попытался:

Ни одна из этих работ, чтобы отключить форматирование, либо Простая форма или Bootstrap навязывает. У меня есть другие элементы формы, которые являются переключателями, которые я хочу отображать: inline. Я вижу из моего элемента проверки google, что на элементе формы есть метка label.collection_radio_buttons. Я не создал это, и я не могу найти его нигде в файлах css. это может быть импорт из бутстрапа или часть простого стиля, но я не знаю, как снять его с моего элемента формы.

Может ли кто-нибудь помочь?

Спасибо

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 в разделе «Использование». Надеюсь это поможет.