如何使用Bootstrap表单选择带有Rails模型的css？

Question

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

但是,我无法弄清楚如何将此方法与我想要选择区域的rails代码上的ruby相结合,以便将所选选项保存到我表中的正确列(:ampm here)中.这是我目前的代码.它有效,但没有我想要的引导程序外观:

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

我已经尝试了很多方法来将Bootstrap示例与我的代码集成,但没有任何方法可行.任何帮助表示赞赏.

Answer 1

首先,要使用bootstrap form-control类,必须将它添加到select标记本身

每个apidoc的rails形式选择

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"}) %>

Answer 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" } %>