使用 Twitter Bootstrap 设计 Rails 按钮链接助手

Question

我正在使用 Rails 助手来生成按钮，并且我正在尝试使用按钮的 Twitter 引导样式来设置按钮的样式。我添加了带有:html 选项的类。页面没有中断，但样式没有显示。

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

知道我做错了什么吗？

Answer 1

您只需要:class => "foo" 来设置按钮的类，而不是:html => { :class => "foo" }。所以它应该是这样的：

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

这将生成您的大主按钮。

Answer 2

上面的答案对我来说已经接近修复，但需要将button_to 更改为link_to。也摆脱了火箭...=>

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