如何添加軌道形式的代碼引導的CSS

Question

我試圖用Twitter的引導CSS風格簡單的Ruby軌道形式，但我努力鍛鍊哪些軌道代碼位進入Bootstrap的CSS部分爲表單。

例如，下面的代碼將適用於表單的Bootstrap css？ ：

<%= f.text_field :company %> 

Answer 1

基於Twitter Bootstrap文檔中的示例，我假設您正試圖將表單控件類應用於您的輸入。如果是這樣，你會這樣做。

<%= f.text_field :company, :class => "form-control" %> 

見類似的問題：Using CSS to style Ruby objects in erb

Answer 2

<%= f.text_field :company %>

其實，這段代碼的意思是「創建文本類型的標記輸入，具有良好的名稱（例如：用戶[公司]），所以Rails可以輕鬆處理參數「。不多不少。

示例輸出：

<input type="text" name="user[company]"> 

引導將信封那麼這個對象與由CSS提供的樣式。所以

1-確保你的CSS加載到你的「application.css」

通常情況下，你將需要添加樣式表單

<%= form_for @resource, html: { class: "form form-inlined" } do |f| %> 

而且還圍繞你的輸入文本字段：

<div class="form-group"> 
    <%= f.label :company %> 
    <%= f.text_field :company, class: "form-input" %> 
    </div> 

這只是一個例子，但您可以看到將引導類放在每個元素的哪個位置。