的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}
'做'循环似乎改变规则,有什么建议吗?
尝试
:style => "width: 100px;"
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>
我使用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
请注意,为了使输入全部更改,可以在表单中添加'defaults:{input_html:{class:'default_class'}}'而不是添加每个元素,这可以帮助您,因为它可以帮助我... – viniciusnz 2013-04-14 17:28:49
这是它的感谢! – jbearden 2012-08-17 05:35:16
当然,如果可以的话,尝试将其移至外部css。 – sscirrus 2012-08-17 05:44:39