使用Twitter引導的樣式化Rails按鈕鏈接助手

我正在使用Rails助手來生成按鈕，我試圖用按鈕的Twitter引導樣式來設置樣式。我已經添加了:html選項。該網頁沒有中斷，但樣式沒有顯示出來。使用Twitter引導的樣式化Rails按鈕鏈接助手

<%= button_to('Sign Up', new_user_registration_path, :html => {:class => 'btn.btn-large.btn-primary'}) %> 
<%= button_to "Sign Up", user_omniauth_authorize_path(:facebook), :html => {:class => 'btn.btn-large.btn-primary'} %>

這是Facebook的按鈕

<form action="https://stackoverflow.com/users/sign_up" class="button_to" method="post"><div><input html="{:class=&gt;&quot;btn.btn-large.btn-primary&quot;}" type="submit" value="Sign Up" /><input name="authenticity_token" type="hidden" value="QIvZqd9BRV8TMspMvckAUjhC68nm3NTyQCxVRHFA4PE=" /></div></form> 
<form action="https://stackoverflow.com/users/auth/facebook" class="button_to" method="post"><div><input html="{:class=&gt;&quot;btn.btn-large.btn-primary&quot;}" type="submit" value="Sign Up" /><input name="authenticity_token" type="hidden" value="QIvZqd9BRV8TMspMvckAUjhC68nm3NTyQCxVRHFA4PE=" /></div></form>

任何知道我做錯了頁面的源代碼？

enter image description here

來源

2012-03-31 Leahcim

你只需要:class => "foo"設置類的按鈕，而不是:html => { :class => "foo" }。所以它應該看起來像這樣：

<%= button_to('Sign Up', new_user_registration_path, :class => 'btn btn-large btn-primary') %>

這將生成您的大主鍵。

來源

2012-03-31 03:44:36

我已經更新了OP與一個圖像顯示如何類附加到輸入元素。任何線索？ – Leahcim 2012-03-31 04:33:58

即它不起作用。 – Leahcim 2012-03-31 05:41:33

它需要類之間的空間：class =>'btn btn-large btn-success'它是這樣工作的。 – Leahcim 2012-03-31 06:51:14

上面的答案接近我的修復程序，但需要將button_to更改爲link_to。也擺脫火箭... =>

<%= button_to('Sign Up', new_user_registration_path, class: 'btn btn-large btn-primary') %>

來源

2014-03-22 22:35:35 Jadam

我的意思是，哈希火箭應該仍然有效，它只是一個語法的東西。但不知道你的意思是把'button_to'改成'link_to'，因爲你的代碼片段甚至沒有'link_to' – Mark 2018-03-03 20:09:31

使用Twitter引導的樣式化Rails按鈕鏈接助手

回答

相關問題