0

プロジェクトで使用gem 'twitter-bootstrap-rails, '2.1.4'しています。レール 3.2.6

heroku にデプロイするときに最初に問題に気付きましたが、ローカル マシンにも問題があります。Twitter のデフォルトの一部が読み込まれていないようです。たとえば、ナビゲーション バーはデフォルトのダーク グレー/ブラックではなく白です。フォントは、ブートストラップのデフォルトよりも大きくなっています。

ブートストラップのデフォルトのナビゲーションバーの色を変更したことはありませんが、ナビゲーションバーは次のようになります。 ここに画像の説明を入力

私は自分の資産を次のように設定しています。

ここに画像の説明を入力

管理レイアウトが通常のサイト レイアウトと異なるため、メソッドは使用するapplication controllerレイアウトを決定し、次にロードしapplication.cssます。blog_admin.css

application.css
 /*
 *= require_self
 *= require_tree ./application
 */

blog_admin.css
 /*
 *= require_self
 *= require_tree ./blog_admin
 */

各ディレクトリにapplicationはblog_admin、bootstrap_and_overrides.css.less.

さらに奇妙なのは、私のラップトップでは、開発環境でスタイリングが正しいことです。私の iMac ではそうではなく、スタイルがありません。Heroku にデプロイすると、開発環境で正しいスタイルを持つラップトップからデプロイした場合でも、常にスタイリングが失われます。

何がうまくいかないのでしょうか？ブートストラップのデフォルト変数が見つからない場合、それらがロードされていることを確認するにはどうすればよいですか?

これはデバッグするのも難しいので、そこにあるアドバイスもいただければ幸いです。

4

1 に答える 1

1

これらのデフォルト スタイルは両方とも、Bootstrap 2.1.0で変更されました。

navbar コンポーネントはデフォルトで白になり、オプションのクラスで暗くすることができます。

暗いナビゲーション バーの新しいクラスはnavbar-inverse.

新しいベース フォント サイズと行の高さ。13px/18px がアウト、14px/20px がインです。

LESS 変数を変更するかカスタマイザを使用することで、これらを簡単に元に戻すことができます。

ラップトップの古いバージョンまたは変更されたバージョンの Bootstrap にリンクしているだけだと思います。

于 2012-10-16T18:11:59.847 に答える