css - 使用 twitter-bootstrap-rails gem 在 Rails 中自定义文本字段的大小

Question

在 Rails 5 中，我有一个文本输入字段，它使用带有 twitter-bootstrap-rails gem 的 Bootstrap 来设置样式。

<div class='container'>
  </div class='form-control'>
  <%= form_tag pages_home_path, remote:true, id: 'submit-text-button' do %>
    <%= text_field_tag :text, params[:text], :required => 'required', class: 'form-control' %>
    <%= submit_tag 'Submit your text', class: 'btn btn-primary btn-lg btn-block' %></div>
  <% end %>
  </div>
</div>

通常我会做这样的事情:

<textarea class='form-control' cols="186" rows="10" required="required" name="text"></textarea>

但我不确定这如何转化为 Rails。我尝试了不同的解决方案，但没有任何效果。有任何想法吗？谢谢!

Answer 1

试试这个……

<div class='container'>
  </div class='form-control'>
  <%= form_tag pages_home_path, remote:true, id: 'submit-text-button' do %>
    <%= text_area_tag :text, params[:text], :required => 'required', class: 'form-control', :rows => 10 %>
    <%= submit_tag 'Submit your text', class: 'btn btn-primary btn-lg btn-block' %></div>
  <% end %>
  </div>
</div>

你还可以添加size

<%= text_area_tag :text, params[:text], :required => 'required', class: 'form-control', :size =>"25x10" %>

此处 cols=25 和 rows=10

希望这对您有用。谢谢!