css - 如何在 Rails 模型中使用 Bootstrap 表单选择 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>

但是，我不知道如何将此方法与我想要选择的区域的 ruby​​ on rails 代码结合起来，以便将所选选项保存到我表中的正确列(此处为:ampm)中。这是我目前的代码。它可以工作，但没有我想要的 Bootstrap 外观:

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