Placez la case à cocher en ligne avec l'étiquette

Question

La documentation Bootstrap et les réponses SO ne semblent pas répondre à cette question pour moi. Je veux mettre une case à cocher à côté de son étiquette. C'est simple. Je dois faire quelque chose de mal, mais je ne peux pas le comprendre.

J'utilise:

#gemfile.lock, in my Rails application. 

bootstrap-sass (3.1.1.1) 
rails (4.0.3) 

À mon avis Rails:

# devise/registrations/new.html.erb 
    <%= f.label :accept_terms, class: "checkbox" do %> 
    <%= f.check_box :accept_terms %> I agree to the terms and conditions listed here 
    <% end %> 

qui génère le code HTML suivant:

<label class="checkbox" for="user_accept_terms"> 
    <input name="user[accept_terms]" type="hidden" value="0"><input id="user_accept_terms" name="user[accept_terms]" type="checkbox" value="1"> I agree to the terms and conditions listed here 
    </label> 

Alternativement, dans la vue:

# devise/registrations/new.html.erb 
    <%= f.label :accept_terms, "I agree to the terms and conditions listed here", class: "checkbox" %> 
    <%= f.check_box :accept_terms %> 

qui donne le code HTML:

<label class="checkbox" for="user_accept_terms">I agree to the terms and conditions listed here</label> 
    <input name="user[accept_terms]" type="hidden" value="0"><input id="user_accept_terms" name="user[accept_terms]" type="checkbox" value="1"> 

Les deux tentatives résultat dans la case à cocher et étiquette apparaissant sur des lignes distinctes.

J'ai même essayé manuellement les attributs impérieuses d'affichage de bloc (avec succès, selon Chome de inspection):

#user_accept_terms { display: inline;} 
label.checkbox { display: inline; } 

Comment puis-je obtenir ces éléments à se comporter?

Merci d'avance.

Answer 1

Il suffit de supprimer le bloc do...end

<fieldset> 
    <%= f.label :accept_terms, class: "checkbox" %> 
    <%= f.check_box :accept_terms %> 
    </fieldset> 

Answer 2

Pouvez-vous modifier l'exemple ci-dessous pour travailler?

<div class="checkbox"> 
    <label> 
     <input type="checkbox"> Remember me 
    </label> 
</div> 

Je ne suis pas sûr de savoir comment exactement comment obtenir des rails pour générer ce type de code pour vous, mais cela semble être la façon dont les docs bootstrap recommandent ... Docs