2013-02-05 32 views
0

我遇到了資產/ stylehsheets文件夾中包含的樣式表的引用問題。這是我的佈局實現:Rails無法從正確的文件夾加載CSS

<!DOCTYPE html> 
<html> 
<head> 
    <title>iOSScreencast</title> 
    <%= stylesheet_link_tag "application", :media => "all" %> 
    <%= stylesheet_link_tag "bootstrap.min", :media => "all" %> 

    <%= javascript_include_tag "application" %> 

    <%= csrf_meta_tags %> 
</head> 
<body> 

<%= yield %> 

</body> 
</html> 

當我運行頁它表明,它正在尋找資產文件夾中的「bootstrap.min」。資產管道已啓用。

+0

這是資產管道的工作原理。它會將所有資產視爲直接置於資產目錄下。 –

+0

http://guides.rubyonrails.org/asset_pipeline.html - 這裏也有很好的信息 – house9

回答

1

更好的解決方案是通過資產管道加載引導程序。

要做到這一點,請轉至您的app/assets/application.css文件,並在文件中添加:require 'bootstrap.min'以上的其他要求。

這樣做的好處是Bootstrap與應用程序CSS的其餘部分一起編譯,這使得加載頁面的速度通常更快。

+0

我將資產/樣式表中的bootstrap.min放入,然後在application.css中添加了* = require'bootstrap.min'。當我運行它時得到一個錯誤,說無法找到bootstrap.min.css。 – azamsharp

0

你最好打賭就是使用bootstrap-sass gem,你可以在你的gemfile中使用gem 'bootstrap-sass', '~> 2.0.4.0' 。那麼你不需要在你的樣式表中明確地聲明它。相反,使用一個文件用於自定義樣式:

<%= stylesheet_link_tag "application", :media => "all" %> 
<%= stylesheet_link_tag "custom", :media => "all" %> 

然後在custom.css.sass,使用@import指令包括自舉:

@import "bootstrap" 

那將是最簡單的方法在你的應用中包含Bootstrap。