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个轨道选择

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

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

2 个答案: