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

时间:2014-11-12 13:24:09

标签: html css ruby-on-rails-4 simple-form

正如我的标题所解释的那样,我的表单中有一个使用简单表格的选择框。我想做的就是让它看起来像这里的选择部分下的引导示例: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 %>

据我所知,我只需添加“表格控件”即可。类。但我无法弄清楚如何设置课程。

有人可以帮忙吗?

2 个答案:

答案 0 :(得分:1)

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

&#39; input_html&#39;属性是你想要使用的。

答案 1 :(得分:0)

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

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

您可以按照in the docs here的说明进行操作。