ruby-on-rails-3 - 基础、简单表单、文本区域、列

Question

我有一个 Zurb Foundation 简单表单，其中一个字段 (:description) 是一个文本区域。我希望文本区域为 10 行深，但它显示为 2 行。有谁知道如何改变这个？

<div class="row">
  <div class="large-4 large-centered columns">
    <%= simple_form_for(@venue) do |f| %>
      <fieldset>
        <%= f.input :name %>
        <%= f.input :url %>
        <%= f.input :street %>
        <%= f.input :city %>
        <%= f.input :state %>
        <%= f.input :description, as: :text, :input_html => { :cols => 5, :rows => 10 } %>
        <%= f.submit "Submit", class: "button small radius" %>
      </fieldset>
    <% end %>
  </div>
</div>

Answer 1

由于您使用的是 bootstrap ， bootstrap 的默认属性适用于您的输入文本区域。它会导致问题。我有同样的问题，但有列。

您可以通过两种解决方案克服这个问题:

1.) 创建一个类并将高度和宽度指定为自动。在需要的地方使用该类。

在 application.css 或任何 css 文件中创建此类。

.test
{
width: auto;
height: auto;
}    

现在在你的 ruby​​ 代码中使用这个类。

 <%= f.input :description, as: :text, :input_html => { class: 'test', :cols => 5, :rows => 10 } %>

由于您已明确指定宽度和高度为自动，因此 bootstrap 的 textarea 宽度、高度将被本地类 覆盖。 '测试' 宽度和高度。
因此 :cols => 5, :rows => 10 个属性将被设置。

2.) 修改 bootstrap css 文件中的输入 textarea 属性。
将输入 textarea 的高度或宽度更改为 auto 以避免混淆，或者如果您要在任何地方使用相同的宽度和高度，请将其设置为标准像素。