如何使用Simple_Form gem將bootstrap'form-control'類添加到選擇中？

Question

就像我的標題解釋的那樣，我在表單中使用簡單表單有一個選擇框。 我要做的就是讓它看起來像下面的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”類。 但是我不知道如何設置課程。

有人可以幫忙嗎？

Answer 1

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

您想使用'input_html'屬性。

Answer 2

在撰寫本文時，simple_form v3.1的預發行版僅支持Bootstrap 3，您可以通過在Gemfile中進行指定來使用最新版本：

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

從那里，您可以按照此處的文檔中的說明進行操作。