Ruby on rails Rails：检查Formtastic CSS（在引导过程中）

问题：在哪里可以找到/编辑formtastic的原始css文件

原因：我无法更改文本表单的“宽度”，因为它们似乎自动设置为某个值。我想检查原始css文件是否强制所有文本表单的宽度

环境：

group :assets do
 gem 'sass-rails',   '~> 3.2.3'
 gem 'coffee-rails', '~> 3.2.1'
 gem 'bootstrap-sass'
 gem 'formtastic-bootstrap'

如果有人知道为什么我不能改变文本格式的宽度（大小、cols属性不起作用）的直接答案，我会更加感激这个答案。谢谢你的帮助

图像：

group :assets do
 gem 'sass-rails',   '~> 3.2.3'
 gem 'coffee-rails', '~> 3.2.1'
 gem 'bootstrap-sass'
 gem 'formtastic-bootstrap'

\u form.html.erb

 <% @post = Post.new %>
 <%= semantic_form_for @post do |f| %>
  <%= f.inputs do %>
    <%= f.input :name, :hint => "enter your name", :input_html => { :rows => 10, :width => 10 } %>
    <%= f.input :content, :hint => "enter the content", :input_html => { :rows => 10, :width => 100000 } %>

<% end %>
<%= f.actions do %>
    <%= f.action :submit, :as => :button %>
    <%= f.action :cancel, :as => :link %>
<% end %><% end %></div>

“输入您的姓名”，：input_html=>{：rows=>10，：width=>10}%>
“输入内容”，：input_html=>{：rows=>10，：width=>100000}%>
：按钮%>
：link%>

HTML:

<form accept-charset="UTF-8" action="/posts" class="formtastic post" id="new_post" method="post" novalidate="novalidate"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="wFcjDR0nzm2B3yl2XtUxzlQz0CWplYf2nKiq+xgDpXo=" /></div>

<fieldset class="inputs">
<div class="string input required stringish control-group" id="post_name_input"><label class=" control-label" for="post_name">Name<abbr title="required">*</abbr></label><div class="controls"><input id="post_name" maxlength="255" name="post[name]" rows="10" type="text" width="10" /><span class="help-block">enter your name</span></div></div>

<div class="text input required control-group" id="post_content_input"><label class=" control-label" for="post_content">Content<abbr title="required">*</abbr></label><div class="controls"><textarea id="post_content" name="post[content]" rows="10" width="100000"></textarea><span class="help-block">enter the content</span></div></div></fieldset>

姓名*输入您的姓名
内容*输入内容

---

摘要：为什么会发生这种情况，在哪里可以找到formtastc.css文件？它不在assets文件夹中，但页面正在以某种方式加载css。

Formtastic.css文件位于开发人员的资产中（它位于gem中，因此您无法在Windows资源管理器中检查它）

这里，下面的代码导致了问题

/* TEXTAREA OVERRIDES
---------------------------------------------------------------------------------*/
.formtastic .text textarea {
  width:72%;
}

.formtastic .text textarea[cols] {
  width:auto;
  max-width:72%;
}

我只是用classspan解决了这个问题，而不是试图固定宽度。但是你可以添加你自己的css来改变宽度，我认为这会带来相同的结果

<%= f.input :content, :label => 'content', :input_html => {  :rows => 5, :class => 'span10' } %>

'content'，：input_html=>{:rows=>5，：class=>'span10'}%>