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單選按鈕

回答

相關問題