4

ここに表示されているテキスト入力フィールドを使用したい:

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

(そのページの 2 番目のテキスト入力フィールドです。)

他のRailsアプリで動作していますが、何らかの理由で現在のアプリでは、先頭に追加されたラベルとテキスト入力の間に数ピクセルのギャップがあります. オプションを指定して simple_form をインストール--bootstrapし、Rails/haml/bootstrap/bootstrap-sass のバージョンが動作中の Rails アプリと同じであることを確認しました。

スタイルシートで関連する css をオーバーライドしません (念のためにすべてコメントアウトしました)。

Bootstrap が正常に動作しない理由はありますか?

4

4 に答える 4

4

ここで何が問題なのかはよくわかりませんが、同じことがありました。

タグを比較すると、span.add-on彼らは彼らのものを持っていることがわかりましfloat: leftた。私はそれを追加しました、そしてそれはトリックをするようでした。

また、Twitter2.01を使用していることにも気づきました。2.02を使用しているので、何かが変わった可能性があります。

編集：それは追加スパンを台無しにしました。

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

私が追加したものです。気分が悪いですが、今のところは機能しています。うまくいけば、ブートストラップに精通している他の誰かが助けてくれるでしょう。

于 2012-04-27T09:15:08.733 に答える
2

理由を確認するために変更を調べていませんが、2.0.1 で期待どおりに機能し、2.0.2 で説明されているギャップがあることを確認できます。古い正しい動作に戻すには、Gemfile の既存の bootstrap-sass 行を次のように置き換えます。

gem 'bootstrap-sass', '2.0.1'

バンドルを更新します。

于 2012-05-13T19:49:48.287 に答える
1

これを追加する必要があります：content_tag :span, "attribute", :class => "add-on", :style => 'margin-right: -5px;'

于 2012-04-17T10:06:33.767 に答える
1

承認された解決策は、検証のためにページにエラーがある場合に問題を引き起こします。Simple_form には実際にこれを可能にするラッパーがあり、エラーを処理するときにはるかに優れています。

<%= f.input :name, :wrapper => :append, :class => "inline" do %>
    <%= f.input_field :name%>
    <%= content_tag :span, "@", :class => "add-on abbn" %>
<% end %>
于 2013-03-02T17:31:54.493 に答える