問題タブ [bootstrap-sass]

興味深い問題に遭遇し、他の誰かが同様に持っているかどうか疑問に思いました.

私はRailsのチュートリアルを行っており、セットアップの一部としてbootstrap-sass gemをインストールしています。チュートリアルでは、ブートストラップをインストールし、既存の application.css ファイルの名前を application.css.scss に変更し、そのファイルの内容をすべて削除してから、@import "bootstrap";.

チュートリアルのソース コードをダウンロードしてローカル マシンで実行したところ、問題なく動作しました。

ただし、これをコードに実装すると、 css スタイルが表示されませんでした。css に対する GET リクエストが発生していないことに気付きましたが、ログにもエラーは表示されませんでした。ソースコードにアクセスしてcssファイルをクリックすると、空のように見えましたが、すべてのブートストラップjavascriptファイルは空ではありませんでした。

しばらくして、他のいくつかのチュートリアルで行った方法でブートストラップを実装することにしました。application.css.scss ファイルを通常の application.css ファイルに戻し、そこに表示されるすべてのデフォルト コンテンツを使用して、私がstyles.css.scssと呼んでそこに置いた新しいファイルは、@import "bootstrap";それをうまくロードします。

チュートリアルを教えているプログラムのメンターに連絡しました。彼は私のソース コードを私の github レポジトリからダウンロードし、私が見たものとまったく同じものを見ました。 ) 提案されました。

他の誰かがこの問題に遭遇したことがありますか?

プロジェクトでbootstrap-sass gemを使用しました。bootstrap.css ファイルには .btn スタイルが定義されています。CSS ファイルを作成し、.btn スタイルの likes を定義しました

> .btn a{ width:90px; height:25px; line-height:25px; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#3588D4), to(#3287D0));background-image:linear-gradient(#3588D4,#3287D0); display:block; float:left; border-radius:5px; margin-right:15px; padding:0 5px; margin-top:8px;}

.btn を bootstrap.css .btn に置き換えたいのですが、どうすればよいですか?

この問題でbootstrap-sass-railsを使用しています.Railsプロジェクトを本番モードで実行すると、3x 404エラーが発生します:

rake assets:precompile RAILS_ENV=production を使用して、結果の静的ファイルを生成しました。

これらの 3 つのフォント ファイルを除いて、すべてのアセットは正常に動作しています。一日中探しましたが、何も見つかりませんでした。Railsはこれら3つのファイルのハッシュなしのバージョンを探しているようですが、rakeはハッシュ付きでそれらを生成します

私のconfig/production.rb：

編集

@font-face 変数をオーバーライドしようとしましたが、古い変数が削除されていないようです:

グリフィコンをロードしましたが、まだ 3x 404 エラーが発生します。

bootstrap-sassバージョン 2.3.1.0 の Rails プロジェクトで gem を使用しています。ただし、Heroku にプッシュすると、Bootstrap 3 スタイルが取得されます。CSS スタイルを調べたところ、確かに Bootstrap バージョン 3 と表示されています。

ローカルでは、割り当ては正しいようです。しかし、同様に困惑するのは、CSS ファイルを調べると、Bootstrap 2.3 スタイルのように見えるものを表示しているにもかかわらず、Bootstrap バージョン 3 と表示されていることです。

ある時点で、私のbootstrap-sassgem は Bootstrap 3 を使用していたと思いますが、それを に戻すとgem 'bootstrap-sass', '2.3.1.0'、この奇妙な競合が発生します。Heroku アプリにスタイルを正しく表示させたいだけです。現在のローカル バージョンを Heroku にプッシュアップしていますが、まだ Bootstrap 3 スタイルを使用しています。

これが私が持っているものです：

Gemfile:

styles.css.scssファイルを作成しました。そこには、次の行があります@import "bootstrap";。ローカルホストでは次のようになります。

Heroku では次のように表示されます。

私のgemfileでバージョン2.3.1.0を指定して、bootstrap-sass gemを使用して、Bootstrap 2.3で始まったプロジェクトに取り組んでいます。Bootstrap 3にアップデートしたいです。

これは、bootstrap-sass gem バージョン 2.3.1.0 でのアプリの外観です。

スタイルを Bootstrap 3 に更新する実験のためにブランチをチェックアウトしたので、最新バージョンの bootstrap-sass gem を使用するように gemfile を更新し、bundle update を実行してインストールしました。

上記の "Amazing Point" div 要素のそれぞれにブートストラップ 3 バージョン クラスがあるため、ヒーロー ユニットのスタイルは消え、ボタンはフラットになり、Amazing ポイントは "col-lg" で 4 列にまたがるはずです。 -4" クラスを指定しました。

しかし、Rails サーバーを起動すると、Bootstrap 2.3 と 3 が混在しています。

「col-lg-4」クラスは Amazing Points に適用されますが、サインイン ボタンとサインアップ ボタンは Bootstrap 2.3 ボタンのように見えます。また、「サインイン」と「サインアップ」のテキストに微妙ではあるが目に見える変更があり、少し太字になっています。Bootstrap 2.3 と 3 の奇妙なハイブリッドが進行中のようです。

しかし、rake assets:precompile を実行すると、次のような結果が得られます。

正しく表示されるようになりました。

しかし、正しく動作させるために常に rake assets:precompile を実行しなければならないのはなぜですか? そして、gem ファイルを切り替えたときに自動的に更新されるようにするにはどうすればよいでしょうか?

その他の関連ファイルは次のとおりです。

アプリケーション.css:

Gemfile:

Gemfile.lock (bootstrap-sass バージョンのみを示します):

アプリケーション.rb:

config/development.rb の関連する行:

gem bootstrap-sass を使用してローカル マシンで開発した Rails アプリがあります。開発中はすべて正常に機能しましたが、アプリを運用サーバーにデプロイすると、グリフィコンが機能しなくなりました。

コンソールに次のようなエラーが表示されます。

実際、そのようなファイルはありませんが、同じファイルにアセット パイプライン ダイジェストが含まれています。アセット パイプライン ファイルへのリクエストが壊れているように思われるので、通常のファイルを取得しようとしていますか? または、アセット パイプラインが壊れていますか? よくわかりません。ローカルマシンでは機能するのにサーバーでは機能しない理由がよくわかりません。

production.rb を別の方法で設定する必要がありますか?