問題タブ [bootstrap-sass]

Rails 4 のフォームでは、チェックボックスを使用する代わりに、Bootstrap のラジオ ボタンを使用してバイナリ値を設定したいと考えています。

Bootstrap の例を参照として使用しています。

私はそれを次のようにしたい：

http://jsfiddle.net/52VtD/3456/

しかし、これは私がこれまでに持っているものです(HAMLを使用):

生成するもの:

rails-bootstrap-formsも使用しています。

更新: Chrome の DevTools で遊んでdisplay: none;、行にスタイルを追加すると、ボタンを希望どおりに表示することができます (ラジオ ボタンを除く)。

しかし、HAML でそれを行う方法と、Rails で Form Helper を使用する方法がわかりません。これらの特定の行が生成されていると信じているからです。

Rails 4 と Bootstrap 3 (sass) を使用しています。

私のプロジェクトには次のファイルがあります。

このcssは私のframework_and_overrides.css.scssにあります

}

Railsが「background-image」を認識せず、「background」に置き換える必要があることを示唆する投稿や、「image-url」を「url」に置き換える必要があるという投稿を見たことがあることに注意してください。これらのどちらも私にとってはうまくいきません。

上記の css ファイルはスタイルシート ツリーにあり、次の方法で application.css.scss に含まれます。

私のアプリケーションビューにはこれがあります。

ビューが背景画像を含むジャブモトロンをレンダリングすることを期待していました。それは私に何も与えません。フレームワークを修正し、css をオーバーライドして、背景色を追加することでスタイルが選択されていることをテストしました。それはうまくいきました。解決策が見つからない画像の問題があります。jpg、gif、png 形式の画像をいくつか使用してみました。それらのどれも機能しません。

なぜそうしないのかについて誰かアドバイスがありますか？私は、フレームワークの画像パスに逆らい、一日中 css をオーバーライドする方法をいじっています。私は今6時間で、髪の毛が残っていません。助けてください！

ありがとうございました。

Rails で標準フォームを作成していますが、sass-bootstrap を使用してより見栄えの良いインターフェイスを提供しています。

私の質問は、f.radio_button 入力のブートストラップ ラベル付けの使用にまで及びます。以下は私が使用しているコードです。

送信ボタンをクリックするまで、これは見栄えがよく、機能します（クリックすると、選択したボタンがアクティブな表示になります）。この時点で、選択した入力はフォームに追加されず、:activity 変数は空白のままです。

div class="btn-group"... 行を削除すると、ボタンをクリックしてデータを入力できますが、視覚的なボタンの変更は行われません。

なぜこれが起こるのかについてのアイデアはありますか？これを容易にするために jquery を使用する必要がありますか?

ありがとう

@screen-sm @screen-md @screen-lg 変数を機能させ、エラーを出さないようにするにはどうすればよいですか? レールでbootstrap-sass gemを使用していますか?

@screen-sm @screen-md @screen-lg 変数を削除してピクセル値に置き換えると、ブラウザのエラーが消えます。しかし、これらの変数を使用すると、これらの引数が無効であるというブラウザー レール エラーが表示されます。

私はbootstrap-sasts 3.0.3を使用しています。

//=require bootstrapapplication.js ファイルにもあります。github ページhttps://github.com/twbs/bootstrap-sassには、そうすると変数が他のファイルで使用できなくなると書かれていますが、js ファイルからこの行を削除しても、変数を使用できませんでした私のapplication.css.scssファイル。

アプリケーション.css.scss

Gemfile