2016-08-26 17 views
2

私はFoundationを既存のRails 5プロジェクトで使用しようとしていますが、Foundationスタイリングのどれも実際にロードされていません。Foundation-RailsにCSSがロードされていません

私は、次の手順を進めてきた:

  1. は当時、削除貼り付け(application.html.erbをオーバーライドし、コマンドラインから実行rails g foundation:install
  2. バンドル
  3. Gemfileにgem 'foundation-rails'を追加コード、新しい行を上書きしない)
  4. 実行中の元の複数行コメントの中でapplication.cssの名前をapplication.scssに変更する*= require foundation_and_overrides
  5. 再起動サーバ、いくつかの基礎固有のHTMLでページをリロードapplication.html.erbで、例えばを追加しました:

    <div class="row"> 
        <div class="large-4 columns"> 
         Testing columns 
        </div> 
        <div class="large-8 columns"> 
         <%= yield %> 
        </div> 
        </div> 
    

しかし、レイアウトが変更されない(すなわち、の左上にsplodgedページ)。

私はfoundation_and_overrides.scssファイルが正常に読み込まれていることを確認しましたが、そこにはいくつかのテストスタイルが追加されていますが、自分自身を追加していないことは何もありません。

何が間違っていますか? (私はここに多くのコードを入れていないことを認識しています。なぜなら、どこにエラーがあるのか​​わからないため、コードのダンプをしたくないからです)。

答えて

0

あなたはapplication.scssと@import "foundation_and_overrides"; を追加し、app/assets/javascripts/application.jsに、私は同じ問題を抱えていたし、私のためにそれを固定のものが衝突したファイルを上書きした//= require foundation $(document).foundation();

0

を追加するために、そのファイルの名前を変更する必要があります。 rails g foundation:installを実行し、競合するファイル(foundation_and_overrides.scss)を上書きするオプションがある場合は、それを受け入れます。これは新しいファイルに読み込まれ、サーバーを再起動するとすぐに使えるはずです。しかし、心に留めておくと、foundation_and_overrides.scssとapplication.html.erbの両方が上書きされます。 :

私の問題は、私はRailsの4で使用したのと同じ古いファイルを使用しようとしていた、と私はすぐに要約するので、5

をレールにアップグレードしたときにどんな理由であれ、それが壊れているという事実から生じ

  1. 繰り返しますapplication.scssする
  2. 変更application.css上記の手順1〜3を
  3. 促さ
  4. 、競合ファイルに
  5. 再起動を無効にあなたのサーバー
関連する問題