繁体   English   中英

如何使用Simple_Form gem将bootstrap'form-control'类添加到选择中?

[英]How do I add a the bootstrap 'form-control' class to a select using the Simple_Form gem?

就像我的标题解释的那样,我在表单中使用简单表单有一个选择框。 我要做的就是让它看起来像下面的selects部分中的这个bootstrap示例: http : //getbootstrap.com/css/#forms-controls

<%= f.input :category_id, label: 'Category: ' do %>
   <%= f.select :category_id, Category.all.map { |c| [c.name, c.id] }, include_blank: true %>

据我所知,我只需要添加“ form-control”类。 但是我不知道如何设置课程。

有人可以帮忙吗?

<%= f.select :category_id, Category.all.map { |c| [c.name, c.id] }, include_blank: true, input_html: {class: 'form-control'} %>

您想使用'input_html'属性。

在撰写本文时,simple_form v3.1的预发行版仅支持Bootstrap 3,您可以通过在Gemfile中进行指定来使用最新版本:

gem 'simple_form', '~> 3.1.0.rc2', github: 'plataformatec/simple_form'

从那里,您可以按照此处的文档中的说明进行操作。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM