的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：改变输入框长度

回答

相关问题