simple_form mit Bootstrap Kontrollkästchen

Question

Ich verwende simple_form mit Bootstrap, und ich möchte meine haben „Remember me“ das Kontrollkästchen links von dem Etikett inline sein, wie in den Twitter Bootstrap docs: http://twitter.github.com/bootstrap/base-css.html#forms

Meine Der Formularcode sieht folgendermaßen aus:

Das Ergebnis ist das Etikett "Remember me" auf einem Kontrollkästchen.

Was habe ich vermasselt?

Answer 1

Es hierfür eine Reihe von Optionen ist, here für mehr von ihnen sehen:

Die einfachste (glaube ich) ist :label => false und :inline_label => true zu verwenden, auf dem Kontrollkästchen, das Etikett, wo in der HTML zu ändern ist plaziert.

<%= f.input :remember_me, :as => :boolean, :label => false, :inline_label => true if devise_mapping.rememberable? %>

Dies erzeugt so etwas für mich:

Answer 2

@ ALOL Antwort für eine vertikale Form (Etiketten oben auf den Feldern) funktioniert gut, aber wenn Sie tun, ein horizontales Formular, und Sie möchten, dass die Kontrollkästchenlabels rechts neben dem Kontrollkästchen angezeigt werden, aber immer noch mit dem Layout des Formulars übereinstimmen:

f.input :remember_me, :as => :boolean, :label => " ", :inline_label => true if devise_mapping.rememberable? 

Sie können auch ein bestimmtes Label zu verwenden, da die Inline-Label statt true, wenn Sie benötigen passieren:

f.input :remember_me, :as => :boolean, :label => " ", :inline_label => "My Label" if devise_mapping.rememberable? 

Answer 3

ich denke, das man etwas einfacher ist:

f.input :remember_me, wrapper: :vertical_boolean, as: :boolean if devise_mapping.rememberable? 

Der Wrapper kommt in config/initializers/simple_form_bootstrap.rb zumindest von simple_form 3.1.0rc2 gebündelt bei der Installation mit:

rails g simple_form:install --bootstrap