ruby-on-rails - 水平形式的复选框,位于标签的右侧

标签 ruby-on-rails simple-form

是否可以像其他输入一样将复选框标签放在左侧,而将复选框标签像其他水平形式的输入一样放在右侧?

我当前的设置

enter image description here

看起来很糟糕。

编辑:

 <%= 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/

相关文章:

ruby-on-rails - 来自 textarea 的输入以简单的形式和 haml 在每一行前面添加了奇怪的空格

javascript - 在 ruby​​/rails 中创建交互式 ajax javascript 小部件

ruby-on-rails - 为什么在 Rails 应用程序中呈现和重定向不会停止执行?

ruby-on-rails-3 - simple_form_for错误: undefined method - associated models

javascript - 提交表单时未提交动态注入(inject)的表单字段

ruby-on-rails - 使用 simple_form 更改默认错误消息

ruby-on-rails - Heroku 数据库设置

ruby-on-rails - 使用 Rails 导入 gmail/yahoo/hotmail/aol 地址簿

ruby-on-rails - 如何验证使用 Accepts_nested_attributes_for 的父模型

ruby-on-rails - 如何在 rails 3.2 应用程序中为所有 simple_form 分配 bootstrap span6 ONCE?