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

我想使用Bootstrap css在Ruby on Rails应用程序中为表单中的“选择”框设置样式。

在Bootstrap站点上，他们以此为例：

 1 2 3 4 5  

但是，我无法弄清楚如何将此方法与我想要选择区域的rails代码上的ruby结合起来，以便将所选选项保存到我表中的正确列（：ampm here）中。 这是我目前的代码。 它工作，但没有我想要的引导程序外观：

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

Answer 1

首先，要使用bootstrap form-control类，必须将其添加到select标签本身

每个apidoc的railsforms选择

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