ruby-on-rails - Ruby on rails - 引导材料设计 - 将复选框添加到简单表单

Question

我在我的 Ruby on Rails 应用程序中安装了Bootstrap Material Design，每个动画都正常运行，但我看不到复选框。我的复选框代码是：

<div class='form-group'>
  <div class='control-label col-sm-2'>
  </div>
  <div class='col-sm-8'>
    <%= f.input :active, :as => :boolean, :label => false, :inline_label => true %>
  </div>
</div>

任何人都可以帮助我吗？

谢谢你们！

Answer 1

我终于知道它在做什么：

<div class='form-group'>
  <div class='control-label col-sm-2'>
</div>
  <div class="checkbox col-sm-8">
      <label> <%= f.check_box :active, :as => :boolean, :label => false, :inline_label => true %> Active</label>
  </div>
</div>

您需要将“复选框”添加到标签的 div 类中，然后您将看到引导材料设计的复选框动画

Answer 2

使用f.check_box而不是f.input这个：

<div class='form-group'>
  <div class='control-label col-sm-2'>
  </div>
  <div class='col-sm-8'>
<%= f.check_box :active, :as => :boolean, :label => false, :inline_label => true %>
  </div>
</div>