我的rails应用程序有一个问题.

我尝试使用bootstrap.我建立了一个名为“custom.css.scss”的文件,并在其中使用了“@import”引导“”行.

问题是：每次保存我的“custom.css.scss”文件时,会自动生成一个新的文件“custom.css”,并且我收到以下消息：“custom.css.scss要导入的文件未找到或不可读：bootstrap ”.

有趣的是：当我删除文件“custom.css.scss”并刷新我的浏览器,一切都很好(这意味着：使用引导).

你有什么想法,可能是什么原因？

最亲切的问候
克里斯

这是我安装的宝石文件

source 'https://rubygems.org'

gem 'rails','3.2.11'
gem 'bootstrap-sass','2.1'
gem 'bcrypt-ruby','3.0.1'
gem 'faker','1.0.1'
gem 'will_paginate','3.0.3'
gem 'bootstrap-will_paginate','0.0.6'
gem 'jquery-rails','2.0.2'

group :development,:test do
  gem 'sqlite3','1.3.5'
  gem 'rspec-rails','2.11.0'
  # gem 'guard-rspec','1.2.1'
  # gem 'guard-spork','1.2.0'  
  # gem 'spork','0.9.2'
end

# Gems used only for assets and not required
# in production environments by default.
group :assets do
  gem 'sass-rails','3.2.5'
  gem 'coffee-rails','3.2.2'
  gem 'uglifier','1.2.3'
end

group :test do
  gem 'capybara','1.1.2'
  gem 'factory_girl_rails','4.1.0'
  gem 'cucumber-rails','1.2.1',:require => false
  gem 'database_cleaner','0.7.0'
  gem 'launchy','2.1.0'
  # gem 'rb-fsevent','0.9.1',:require => false
  # gem 'growl','1.0.3'
end

group :production do
  gem 'pg','0.12.2'
end

custom.css.scss文件看起来像这样

@import "bootstrap";

/* universal */

html {
    overflow-y:scroll
}

body {
    padding-top: 60px
}

section {
    overflow: auto;
}

textarea {
    resize: vertial;
}

.center {
    text-align: center;
}

.center h1 {
    margin-bottom: 10px;
}

/* typography */

h1,h2,h3,h4,h5,h6 {
    line-height: 1
}

h1 {
    font-size: 3em;
    letter-spacing: -2px;
    margin-bottom: 30px;
    text-align: center;
}

h2 {
    font-size: 1.7em;
    letter-spacing: -1px;
    margin-bottom: 30px;
    text-align: center;
    font-weight: normal;
    color: #999;
}

p {
    font-size: 1.1em;
    line-height: 1.7em;
}