的Rails 3：改變輸入框長度

使用Rails 3與Twitter的引導和Simple_form，我有改變輸入框的長度在這一領域的問題：的Rails 3：改變輸入框長度

<div class="input-prepend input-append"> 
    <%= f.input :price, :wrapper => :append do %> 
     <span class="add-on">$</span> 
     <%= f.input_field :price %> 
     <span class="add-on">.00</span> 
    <% end %> 
</div>

還有人說後補充一點：價格變量：

:input_html => {:size => 15}

'做'循環似乎改變規則，有什麼建議嗎？

來源

2012-08-17 jbearden

嘗試

:style => "width: 100px;"

來源

2012-08-17 05:31:32 ronalchn

這是它的感謝！ – jbearden 2012-08-17 05:35:16

當然，如果可以的話，嘗試將其移至外部css。 – sscirrus 2012-08-17 05:44:39

Twitter的引導具有CSS類此。根據您想要的尺寸，您可以添加input-min，input-small，input-large和so on。您也可以使用跨度類，例如span1，span2等

<div class="input-prepend input-append"> 
    <%= f.input :price, :wrapper => :append do %> 
     <span class="add-on">$</span> 
     <%= f.input_field :price, :class => 'input-medium' %> 
     <span class="add-on">.00</span> 
    <% end %> 
</div>

來源

2012-08-17 05:35:44

我使用f.input形式創建具有在:class => 'form-horizontal'形式標籤的控制，使用類屬性或style屬性（直接或作爲散列，任何方式我試過）沒」 t爲我工作，並且對生成的HTML沒有任何影響。

這是對我工作：

<%= f.input :description, input_html: { class: 'span12' } %>

這適用於這兩個引導欄佈局類（「SPAN1」，「跨度2」等）輸入施膠類（「輸入大」， 'input-xxlarge'等），或者你想要的任何自定義類。訣竅是使用input_html鍵。您也可以使用label_html鍵來弄亂標籤，但這可能會弄亂表單橫向佈局。

看起來像:input_html => {**:size** => 15}中的大小關鍵字被SimpleForm忽略...當我厭倦它時，它不會影響HTML輸出。

我在SimpleForm文檔發現這個位置： https://github.com/plataformatec/simple_form#usage

來源

2013-03-05 21:23:00

請注意，爲了使輸入全部更改，可以在表單中添加'defaults：{input_html：{class：'default_class'}}'而不是添加每個元素，這可以幫助您，因爲它可以幫助我... – viniciusnz 2013-04-14 17:28:49

的Rails 3：改變輸入框長度

回答

相關問題