如何使 rails form_for 提交按鈕成為引導按鈕

Question

我試圖讓我的 rails form_for submit 按鈕看起來像 bootstrap btn btn-lg btn-primary按鈕。 我嘗試了幾種不同的方法，但都沒有成功。 我能得到的最好的方法是將form_for提交按鈕放在具有不同顏色的引導程序按鈕的中心。 有誰知道讓引導按鈕執行我的f.submit按鈕所做的操作的命令是什么。

 <div class="Action">
     <%= f.submit %>
 </div>

Answer 1

= f.submit :Submit, class: 'btn btn-success'

Answer 2

= f.submit :Submit, class: 'btn btn-success'

或者

= f.submit :Submit, class: :btn, class: :btn-success

任何人在以下方面遇到錯誤：

undefined local variable or method 'f'

檢查您的表單變量名稱是什么。 當您聲明一個表單時，它會出現，例如：

form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f|

Answer 3

從文檔中不清楚：如果您仍然希望 form_for 將按鈕名稱設置為“ Update <class> ”或“ Create <class> ”，則將nil傳遞給提交：

<%= form.submit nil, class: 'btn btn-success' %>

Answer 4

默認情況下<%= f.submit %>將根據docs創建一個<input>元素。

如果你想讓它成為一個實際的<button></button>元素，你可以這樣做：

<%= f.button "My Button", type: "submit", :class=> "btn btn-primary" %>