所有導軌形式看起來好像在span3中左對齊div

我正在使用twitter引導，並且應用中的所有輸入字段/表單看起來像是在span3左對齊div中。我怎樣才能解決這個問題，並有默認的輸入寬度？所有導軌形式看起來好像在span3中左對齊div

我在另一個rails應用程序上使用bootstrap並從未得到這個錯誤。有任何想法嗎？

E.g.下面的代碼生成一個輸入爲約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>

booking.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

來源

2013-03-17 Spiritual Intuition

什麼是CSS類'input-append'看起來像？如果你完全刪除了css，它看起來像什麼？ – 2013-03-17 13:29:34

表單沒有css，因此我的custom.css.scss中沒有輸入附加類。當我刪除css時，問題依然存在。 – 2013-03-17 13:34:16

然後你的問題超出了你提供的代碼片段的範圍。您需要擴展您提供的代碼範圍。容器是什麼樣的？ – 2013-03-17 13:36:13

解決

添加以下的CSS ：

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

來源

2013-03-17 14:47:05

通常你會向你的領域添加一個類 – devanand 2014-01-22 00:27:42

所有導軌形式看起來好像在span3中左對齊div

回答

相關問題