2016-08-26 100 views
2

我正在嘗試在預先存在的Rails 5項目中使用Foundation,但實際上沒有任何基礎樣式正在加載。Foundation-Rails not loading CSS

我已經通過以下步驟:

  1. 在命令行中添加gem 'foundation-rails'到Gemfile中
  2. 捆綁
  3. 運行rails g foundation:install,覆蓋application.html.erb(然後粘貼回刪除碼,而不會覆蓋任何新線)
  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。

我的問題從我試圖用我用的是相同的舊文件與軌道4基於這樣的事實,而無論出於何種原因,當我升級到Rails 5

所以要快速彙總爆發:

  1. 重複步驟1-3,你在上面
  2. 變化application.css上市application.scss
  3. 出現提示時,覆蓋有衝突的文件
  4. 重新啓動您的服務器