前置输入标签(simple_form + bootstrap-sass)关闭几个像素

我想使用这里看到的文本输入字段:

http://simple-form-b​​ootstrap.plataformatec.com.br/articles/new

(这是该页面上的第二个文本输入字段。)

我有它在其他Rails应用程序中工作但由于某些原因,在我当前的一个在前置标签和文本输入之间有几个像素的间隙。 我已经使用--bootstrap选项安装了--bootstrap ,并validation了Rails / haml / bootstrap / bootstrap-sass版本与working rails应用程序相同。

我没有覆盖我的样式表中的任何相关的CSS(我评论这一切都是肯定的)。

任何想法为什么Bootstrap不应该表现得如此?

我真的不知道这里有什么问题,但我有同样的事情。

比较span.add-on标签,我发现它们有一个float: left在他们的上面。 我补充说,它似乎做了伎俩。

我也注意到他们正在使用twitter 2.01。 我使用2.02,所以有些东西可能已经改变了。

编辑:这搞砸了追加范围。

 .input-prepend .add-on, .input-append input { float: left; } 

是我添加的。 它感觉不对,但它现在正在运作。 希望其他更了解bootstrap的人可以提供帮助。

我没有看到变化,看看为什么,但我可以确认它在2.0.1中按预期工作,并且在2.0.2中有所描述的差距。 要恢复旧的,正确的行为,您可以使用以下命令替换Gemfile中现有的bootstrap-sass行:

 gem 'bootstrap-sass', '2.0.1' 

并更新您的包。

你需要添加: content_tag :span, "attribute", :class => "add-on", :style => 'margin-right: -5px;'

如果由于validation而导致页面出错,则接受的解决方案将导致问题。 Simple_form实际上有一个包装器,允许你这样做,并且在处理错误时要好得多。

 <%= f.input :name, :wrapper => :append, :class => "inline" do %> <%= f.input_field :name%> <%= content_tag :span, "@", :class => "add-on abbn" %> <% end %>