Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/spring/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails 水平形式的复选框,以及标签右侧的复选框_Ruby On Rails_Simple Form - Fatal编程技术网

Ruby on rails 水平形式的复选框,以及标签右侧的复选框

Ruby on rails 水平形式的复选框,以及标签右侧的复选框,ruby-on-rails,simple-form,Ruby On Rails,Simple Form,是否可以将复选框标签像其他输入一样放在左侧,而将复选框像其他输入一样放在右侧,以水平形式显示 我的当前设置 看起来很糟糕 编辑: {:multipart=>true,:class=>'form horizontal'},wrapper::horizontal|u form do|f|%> 在视图中生成以下html: <div class="form-group boolean optional apartment_pets"> <div class="checkbo

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

我的当前设置

看起来很糟糕

编辑:

{:multipart=>true,:class=>'form horizontal'},wrapper::horizontal|u form do|f|%>
在视图中生成以下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>

哈斯代尔·蒂拉特

您可以向checkbox元素的类中添加
向右拉
,如下所示:

使用用户提供的代码更新答案:

  <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\u form
,但从浏览文档来看,您应该使用
:label=>false
:inline\u label=>true
的组合来定位标签。

您可以添加一些代码吗?同样,您是否使用引导作为CSS框架?@Christian-G我已经用代码更新了这个问题。不幸的是,你之前的建议没有任何影响。用你的代码更新了我的答案
  <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>