2012-03-31 16 views
10

Ich benutze Rails Helfer um Buttons zu generieren und ich versuche die Buttons mit Twitter Bootstrap Styles für Buttons zu stylen. Ich habe Klassen mit der :html Option hinzugefügt. Die Seite bricht nicht, aber die Stile werden nicht angezeigt.Styling Rails Button Link Helfer mit 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'} %> 

Dies ist Seite Quelle für die Facebook-Taste

<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> 

eine Ahnung, was ich falsch mache?

enter image description here

Antwort

18

Sie müssen nur :class => "foo" die Klasse der Schaltfläche setzen, statt :html => { :class => "foo" }. So sollte es so aussehen:

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

Dies wird Ihre große primäre Schaltfläche generieren.

+0

Ich habe die OP mit einem Bild aktualisiert zeigt, wie die Klasse mit dem Eingangselement angebracht ist. Irgendwelche Hinweise? – Leahcim

+0

, d.h. es funktioniert nicht. – Leahcim

+1

es braucht Leerzeichen zwischen den Klassen: class => 'btn btn-large btn-success' Es funktioniert so. – Leahcim

1

Die obige Antwort kam fast zu einem Fix für mich, aber musste die button_to zu einer link_to ändern. Auch wurde die Rakete los ... =>

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

Ich meine, die Hash Rakete sollte immer noch funktionieren, es ist nur eine Syntax-Sache. Aber keine Ahnung, was du meinst, indem du "button_to" zu "link_to" änderst, da dein Snippet nicht einmal "link_to" hat – Mark

Verwandte Themen