如何使用引導窗體選擇與Rails模型的CSS？

我想使用Bootstrap css在Ruby on Rails應用程序中使用窗體中的「選擇」框。如何使用引導窗體選擇與Rails模型的CSS？

在引導網站，他們給這個作爲一個例子：

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

但是，我無法弄清楚如何在Rails代碼這種方法與我的紅寶石相結合，爲選擇區域我想做的事情，以便它將選定的選項保存到我的表中正確的列（：ampm here）中。這是我目前的代碼。它的工作原理，但沒有引導的樣子我想：

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

我已經嘗試了多種方式的引導例如我的代碼整合，但任何方法都行不通。任何幫助表示讚賞。

來源

2014-03-01 rryyaann22

u需要加「的形式控制」級上選擇不上格。 –

謝謝，拉胡爾，這有助於 – rryyaann22

首先，對於引導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"}) %>

來源

2014-03-01 06:45:27

非常感謝！我非常感謝幫助。完美工作！ – rryyaann22

這個工作對我來說：

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

來源

2016-03-24 10:41:01 Bhavnesh

如何使用引導窗體選擇與Rails模型的CSS？

回答

相關問題