css - 所有 rails 表单在 span3 div 中都显示为左对齐

Question

我正在使用 twitter 引导程序，应用程序中的所有输入字段/表单看起来都在 span3 左对齐 div 中。如何解决此问题并具有默认输入宽度？

我在另一个 Rails 应用程序上使用了引导程序，但从未出现此错误。有任何想法吗？

例如，以下代码呈现大约 200 像素宽而不是 500 像素的输入。

_新消息

<div class="input-append" style="width: 500px " >
<%= form_for [@booking, @booking.messages.build], :remote => true do |f| %>
    <%= f.text_field :body, placeholder: "Compose Message" %>
<%= f.submit "+", class: "btn inline" %>
<% end %>
</div>

预订.html.erb

<div class="bookinginfo">
<div class="well booking">  
<h3>Private Msssages</h3>
<hr />
<div id="ajaxmessagesform">
    <span><%= render 'messages/new_message' %></span>
</div>
</div>
</div

Answer 1

解决了

添加了以下CSS：

input, textarea, select, .uneditable-input {
    border: 1px solid #bbb;
    width: 100%;
    padding: 10px;
    min-height: 40px;
    margin-bottom: 15px;
}