2013-12-23 55 views
2

我正在將rails 3.2.8應用程序(包含bootstrap但未響應)升級到rails 4.0.1。帶導軌的bootstrap-sass 4給出了響應性錯誤

我的Gemfile內容

source 'https://rubygems.org' 
ruby '2.0.0' 
gem 'rails', '4.0.1' 
gem 'haml' 

#rails 4 doesnt support assets group. only test, dev n prod 
gem 'sass' 
gem 'sass-rails', '~> 4.0.0' 
gem 'bootstrap-sass' 
gem 'coffee-rails' 
gem "jquery-scrollto-rails" 

# See https://github.com/sstephenson/execjs#readme for more supported runtimes 
gem 'therubyracer' 
gem 'uglifier' 

group :production do 
    gem 'dalli' 
end 

gem 'jquery-rails' 
gem 'actionpack-page_caching' #use caches_pages in rails 4 

的application.js的內容

//= require jquery 
//= require jquery_ujs 
//= require bootstrap 
//= require_tree . 

和application.css.scss的內容

@import "bootstrap"; 
@import "josh"; 

它的我第一次與上海社會科學院。我的問題是

1)這些寶石是否與sass正確指定或有任何不需要的寶石?

2)我的應用程序呈現正確(無響應),但如果我添加'@import'bootstrap-responsive「;'下面css.scss文件導入引導,我得到錯誤的

Sass::SyntaxError in Static#home 
Showing /home/prasad/projects/website/app/views/layouts/application.html.haml where line #31 raised: 

File to import not found or unreadable: bootstrap-responsive. 
Load paths: 
    /home/prasad/projects/website/app/assets/images 
    /home/prasad/projects/website/app/assets/javascripts 
    /home/prasad/projects/website/app/assets/stylesheets 
    /home/prasad/projects/website/vendor/assets/javascripts 
    /home/prasad/projects/website/vendor/assets/stylesheets 
    /home/prasad/.rvm/gems/ruby-2.0.0-p247/gems/jquery-rails-3.0.4/vendor/assets/javascripts 
    /home/prasad/.rvm/gems/ruby-2.0.0-p247/gems/jquery-scrollto-rails-1.4.3/vendor/assets/javascripts 
    /home/prasad/.rvm/gems/ruby-2.0.0-p247/gems/coffee-rails-4.0.1/lib/assets/javascripts 
    /home/prasad/.rvm/gems/ruby-2.0.0-p247/gems/bootstrap-sass-3.0.2.1/vendor/assets/fonts 
    /home/prasad/.rvm/gems/ruby-2.0.0-p247/gems/bootstrap-sass-3.0.2.1/vendor/assets/javascripts 
    /home/prasad/.rvm/gems/ruby-2.0.0-p247/gems/bootstrap-sass-3.0.2.1/vendor/assets/stylesheets 
    /home/prasad/.rvm/gems/ruby-2.0.0-p247/gems/bootstrap-sass-3.0.2.1/vendor/assets/stylesheets 

(在/home/prasad/projects/website/app/assets/stylesheets/application.css.scss:16)

我引用Twitter bootstrap: do I need both bootstrap-sass and twitter-bootstrap-rails gems?但不能修復錯誤。 感謝您的建議。

+1

您是否找到解決方案?我有同樣的問題 – MaximeHeckel

+1

@MaximeHeckel我沒有在我的應用程序中使用任何css.scss文件。我開始使用bootstrap 3的純CSS文件。BS 3是默認的響應。 –

回答

0

自Bootstrap 3.0起,響應性是本地的。 不需要添加

@import "bootstrap-responsive