时间戳

首页 > 解决方案 > 如何为 Rails 表单实现 Bootstrap 开关

bootstrap-4 - 如何为 Rails 表单实现 Bootstrap 开关

问题描述

我有一个这样的字段：

= f.check_box :feedback_required, label: "Feedback required?"

现在，我想要一个带有“需要反馈？”标签的开关，而不是一个复选框。

如何在我的表单中实现此开关：

<div class="custom-control custom-switch">
 <input type="checkbox" class="custom-control-input" id="switch1" name="example">
 <label class="custom-control-label" for="switch1">Toggle me</label>
</div>

标签： bootstrap-4simple-form-forbootstrap-switch

解决方案

此代码适用于 Bootstrap 4.5

<div class="form-group">
  <div class="custom-control custom-switch">
    <%= f.check_box :feedback_required, class: "custom-control-input", id: "feedback_required" %>
    <label class="custom-control-label" for="feedback_required">Feedback required</label>
  </div>
</div>

在哈姆里：

.form-group
  .custom-control.custom-switch
    = f.check_box :feedback_required, class: "custom-control-input", id: "feedback_required"
    %label.custom-control-label{:for => "feedback_required"} Feedback required

推荐阅读