4

私はDeviseを使用しており、チェックボックスはRemember Meの下にあります。これはjsfiddle http://jsfiddle.net/icyborg7/8zxyz/のHTMLコードです

これは標準のデバイスコードです

 <%= f.input :email %>
 <%= f.input :password %>
 <%= f.input  :remember_me, :as => :boolean if devise_mapping.rememberable? %>     
 <%= f.button :submit, "Sign In", :class => "btn-info btn" %>

これはHTML出力です（SOにも貼り付けます）

<div class="control-group boolean optional">
<label class="boolean optional control-label" for="user_remember_me">Remember me</label>
<div class="controls"><input name="user[remember_me]" type="hidden" value="0">
<label class="checkbox"><input class="boolean optional" 
id="user_remember_me" name="user[remember_me]" type="checkbox" value="1"></label>
</div>
</div>
4

4 に答える 4

2

追加display: inline-blockして、必要な結果labelを.controls取得します。

http://jsfiddle.net/8zxyz/8/

于 2013-04-08T10:30:43.857 に答える
2

私は同じ問題を抱えていましたが、これは他の人が提案した回避策よりも少しきれいかもしれません（simple_formで機能します）

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

于 2014-03-17T12:31:07.620 に答える