css - 所有 rails 形式都在 span3 div 中左对齐

Question

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

我在另一个 Rails 应用程序上使用了 Bootstrap ，但从未遇到过此错误。有什么想法吗？

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

_new_message

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