ruby-on-rails - Rails 3：更改输入框长度

Question

使用带有 Twitter Bootstrap 和 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>

其他人说在 :price 变量之后添加：

:input_html => {:size => 15}

“do”循环似乎改变了规则，有什么建议吗？

Answer 1

尝试

:style => "width: 100px;"

Answer 2

Twitter 引导程序为此提供了 css 类。根据您想要的大小，您可以添加类input-min、、input-small等等。您还可以使用跨度类，例如,等。input-largespan1span2

<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>

Answer 3

我正在使用表单在f.input表单中创建带有标签的控件:class => 'form-horizontal'，使用类属性或样式属性（直接或作为哈希，我尝试过的任何方式）对我不起作用，并且对生成的 HTML 的影响为零。

这对我有用：

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

这适用于 Bootstrap 列布局类（“span1”、“span2”等）、输入大小调整类（“input-large”、“input-xxlarge”等）或您想要的任何自定义类。诀窍是使用input_html密钥。您也可以使用label_html键弄乱标签，但这可能会弄乱表单水平布局。

看起来:input_html => {**:size** => 15}SimpleForm 忽略了 size 键...当我厌倦了它时，它并没有影响 HTML 输出。

我在 SimpleForm 文档中找到了这个： https ://github.com/plataformatec/simple_form#usage