2012-03-31 15 views
10

Estoy usando los ayudantes de Rails para generar botones y estoy intentando diseñar los botones con los estilos de arranque de Twitter para los botones. He agregado clases con la opción :html. La página no se está rompiendo, pero los estilos no se muestran.Ayudantes de enlace de botones de Styling Rails con Twitter Bootstrap

<%= 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'} %> 

Ésta es fuente de la página para el botón de 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> 

alguna idea de lo que estoy haciendo mal?

enter image description here

Respuesta

18

Sólo se necesita :class => "foo" para establecer la clase del botón, en lugar de :html => { :class => "foo" }. Por lo tanto, debería verse así:

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

Esto generará su botón primario grande.

+0

He actualizado el OP con una imagen que muestra cómo la clase se une al elemento de entrada. ¿Alguna pista? – Leahcim

+0

es decir, no está funcionando. – Leahcim

+1

necesita espacios entre las clases: class => 'btn btn-large btn-success' Funciona así. – Leahcim

1

La respuesta anterior se acercó a una solución para mí pero necesitaba cambiar el button_to a un link_to. También se deshizo del cohete ... =>

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

Quiero decir, el hash cohete debería funcionar, es solo una sintaxis. Pero no tiene idea de lo que quiere decir al cambiar 'button_to' por' link_to' ya que su fragmento ni siquiera tiene 'link_to' – Mark

Cuestiones relacionadas