是否可以像其他输入一样将复选框标签放在左侧,而将复选框标签像其他水平形式的输入一样放在右侧?
我当前的设置
看起来很糟糕。
编辑:
<%= simple_form_for :apartment, :html => {:multipart => true, :class => 'form-horizontal'}, wrapper: :horizontal_form do |f| %>
<%= f.input :pets, as: :boolean, label: 'Husdyr tilladt' %>
<% end %>
在 View 中生成以下 html:
<div class="form-group boolean optional apartment_pets">
<div class="checkbox"><input value="0" type="hidden" name="apartment[pets]">
<label class="boolean optional" for="apartment_pets"><input class="boolean optional" type="checkbox" value="1" name="apartment[pets]" id="apartment_pets">
Husdyr tilladt
</label>
</div>
</div>
最佳答案
您可以添加pull-right
到您的复选框元素的类,如下所示:
<input name="uh" id="uhhuh" type="checkbox" class="pull-right" />
使用用户提供的代码更新了答案:
<div class="form-group boolean optional apartment_pets">
<div class="checkbox"><input value="0" type="hidden" name="apartment[pets]">
<label class="boolean optional" for="apartment_pets">Husdyr tilladt</label>
<input class="boolean optional" type="checkbox" value="1" name="apartment[pets]" id="apartment_pets" class="pull-right">
</div>
</div>
我从未使用过simple_form
但从浏览文档来看,您似乎应该使用 :label => false
的组合和:inline_label => true
定位您的标签。
关于ruby-on-rails - 水平形式的复选框,位于标签的右侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39093788/