如何将自定义大小应用于rails中的文本字段

Pos*_*ter 1 css ruby-on-rails form-helpers twitter-bootstrap

我正在写一个包含三个文本输入字段的表单.我曾经习惯text_field_tag创造它们

<%= text_field_tag(:input_first) %>
<%= text_field_tag(:input_second) %>
<%= text_field_tag(:input_first) %>
Run Code Online (Sandbox Code Playgroud)

我使用bootstrap css.我想使第二个输入大于第一个和第三个输入.我怎样才能做到这一点?

我已经尝试过以下,甚至更多,输入字段大小没有变化.

第一

<%= text_field_tag(:input_second, :input_html => { :class => "input-large"})  %>
Run Code Online (Sandbox Code Playgroud)

第二

<%= text_field_tag(:input_second, nil, :class => "input-large")  %>
Run Code Online (Sandbox Code Playgroud)

第三

<%= text_field_tag(:input_second, nil, :size=> 30)  %>
Run Code Online (Sandbox Code Playgroud)

第四

<span class="input-large">
 <%= text_field_tag(:input_second) %>
</span>
Run Code Online (Sandbox Code Playgroud)

我做错了什么?我是rails/css/html ps的初学者:我应该使用text_field_tag还是text_field?

zea*_*soi 11

Bootstrap利用特定的类来控制输入元素的宽度:

在此输入图像描述

在Rails模板中,您text_field_tag将以下列方式调用a :

<%= text_field_tag('input_second', nil, class: 'input-large') %>
Run Code Online (Sandbox Code Playgroud)