Как использовать форму Bootstrap select css с моделью Rails?

Я хочу использовать Bootstrap css для создания поля "выбрать" в форме в приложении Ruby on Rails.

На сайте Bootstrap они приводят это в качестве примера:

<select class="form-control">
 <option>1</option>
 <option>2</option>
 <option>3</option>
 <option>4</option>
 <option>5</option>
</select>

Однако я не могу понять, как объединить этот метод с моим ruby ​​на rails-коде для области выбора, которую я хочу сделать, чтобы сохранить выбранную опцию в правильный столбец (: ampm здесь) в моей таблице. Это код, который у меня есть. Он работает, но не имеет загрузочного вида, который я хочу:

 <%= f.label :am_or_pm %> 
 <div class="form-control">
 <%= f.select(:ampm, options_for_select([['AM', 1], ['PM', 2]])) %>
 </div>

Я попробовал несколько способов интегрировать пример Bootstrap с моим кодом, но ничего не получится. Любая помощь приветствуется.

Ответы

Ответ 1

Прежде всего, для запуска bootstrap form-control для работы над select вы должны добавить его в тег select

Per apidoc формы рельсов выберите

select(object, method, choices = nil, options = {}, html_options = {}, &block)

вы можете добавить класс html как

<%= f.select(:ampm, options_for_select([['AM', 1], ['PM', 2]]), {}, {class: "form-control"}) %>

или просто

<%= f.select :ampm, [['AM', 1], ['PM', 2]], {}, {class: "form-control"}) %>

Ответ 2

Это работает для меня:

<%= f.select :secretquestion, options_for_select([
  ["Select One", ""], 
  "Your nick name", 
  "your schoool name", 
  "your love name", 
  "your comapnay name", 
  "your favourite website"]), 
  {}, { class: "form form-group form-control" } %>