Styling Rails按钮链接助手与Twitter Bootstrap

时间:2012-03-31 02:48:42

标签: ruby-on-rails twitter-bootstrap

我正在使用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>

知道我做错了什么吗?

enter image description here

2 个答案:

答案 0 :(得分:18)

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

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

这将生成您的大型主按钮。

答案 1 :(得分:1)

上述答案对我来说很接近,但需要将button_to更改为link_to。还摆脱了火箭... =>

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