水平形式的复选框，在标签的右侧

Question

是否可以让复选框标签像其他的一样在左边，而在右边的复选框像其他的输入一样具有水平形式？

我目前的设置

看起来很糟糕。

编辑：

 <%= simple_form_for :apartment, :html => {:multipart => true, :class => 'form-horizontal'}, wrapper: :horizontal_form do |f| %>
   <%= f.input :pets, as: :boolean, label: 'Husdyr tilladt' %>
 <% end %>

在视图中生成以下 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>

Answer 1

您可以将 pull-right 添加到复选框元素的 class，如下所示：

<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 来定位标签。

水平形式的复选框，在标签的右侧

Checkboxes in horizontal form, and on the right side of the label

ruby-on-rails

simple-form