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

【问题标题】：Ruby on rails - bootstrap material design - Add checkboxes to simple formRuby on rails - 引导材料设计 - 将复选框添加到简单表单
【发布时间】：2016-05-02 12:54:33
【问题描述】：

我在我的 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>

谁能帮帮我？

谢谢大家！

【问题讨论】：

标签： ruby-on-rails twitter-bootstrap checkbox material-design bootstrap-material-design

【解决方案1】：

使用 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>

【讨论】：

感谢您的回答。如果我使用 check_box 而不是输入，则标签不会显示。它只出现复选框，它不是材料设计之一，而是常规复选框（没有动画）。
像<div class='form-group'> <div class='control-label col-sm-2'> </div> <div class='col-sm-8'> <label> <%= f.check_box :active, :as => :boolean, :label => false, :inline_label => true %> checkbox-lebel </label> </div> </div>一样使用它
谢谢，现在它可以工作了，但它仍然使用没有动画的复选框，我的目标是使用this animations
这是此动画的任何示例代码 <div class="form-group"> <div class="checkbox"> <label> <input type="checkbox"> Notifications </label> </div> <p class="help-block">Notify me about updates to apps or games that I've downloaded</p> </div>
如果您认为我的回答对您有帮助，请给我加分或接受我的回答。谢谢

【解决方案2】：

我终于知道它在做什么了：

<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 类中，然后您将看到引导材料设计的复选框动画

【讨论】：