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>