数ピクセル（simple_form +ブートストラップ-SASS）オフ：（。それは、そのページ上の2番目のテキスト入力フィールドです）プリペンド入力ラベル、私はここで見テキスト入力フィールドを使用したい
がhttp://simple-form-bootstrap.plataformatec.com.br/articles/new
私は他のRailsアプリケーションでも動作していますが、何らかの理由で、私の現在の状況では、前に付けられたラベルとテキスト入力の間に数ピクセルのギャップがあります。 --bootstrapオプションを指定してsimple_formをインストールし、Rails/haml/bootstrap/bootstrap-sassのバージョンが動作中のアプリケーションと同じであることを確認しました。
私は自分のスタイルシートに関連するCSSを上書きしません（私はすべてそれをコメントしています）。
ブートストラップが動作しない理由は何ですか？
私は実際には問題がここにあるかわからないが、私は同じことを持っていました。
span.add-onタグを比較すると、それらのタグにはfloat: leftがあることがわかりました。私はそれを加え、それはトリックを行うように見えた。
また、彼らはtwitter 2.01を使用していることに気付きました。私は2.02を使用しているので、何かが変更されている可能性があります。
編集：それは追加スパンを台無しにしました。
.input-prepend .add-on,
.input-append input {
float: left;
}
私が追加したものです。それは正しいとは思わないが、今のところ働いている。うまくいけば、ブートストラップをよく知っている他の人が助けてくれるでしょう。
うわー。素晴らしい実験/ソリューション。 – joshs
あなたはこれを追加する必要があります：content_tag :span, "attribute", :class => "add-on", :style => 'margin-right: -5px;'
理由を見るために変更を見たことはありませんが、2.0.1では期待通りに機能し、2.0.2では説明されているような違いがあります。古い、正しい動作に戻すにはあなたがあなたのGemfileに既存のブートストラップ・サス行を置き換えることができます。
gem 'bootstrap-sass', '2.0.1'
とあなたのバンドルを更新します。
検証の結果、ページにエラーがある場合は、問題解決の解決方法があります。 Simple_formには実際にこれを行うためのラッパーがあり、エラー処理の方がはるかに優れています。
<%= f.input :name, :wrapper => :append, :class => "inline" do %>
<%= f.input_field :name%>
<%= content_tag :span, "@", :class => "add-on abbn" %>
<% end %>
ここではまったく同じ問題が発生します。ブートストラップのサンプルページは正常に動作しますが、私の3.2アプリケーションでは2-3ピクセルのギャップがあります。 –