所有导轨形式看起来好像在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

回答

相关问题