无法在我的布局文件中使用bootstrap-sass gem中的@extend

Question

Layout.css文件： -

body {
  padding-top: 20px;
}

#flash_notice {
  @extend .alert;
  @extend .alert_success;
}
#flash_error, #flash_alert {
  @extend .alert;
  @extend .alert-danger;
}
#flash_warning {
  @extend .alert;
  @extend .alert-warning;
}

application.css.scss： -

@import "bootstrap-sprockets";
@import "bootstrap";
@import "layout";

Gemfile： -

gem 'sass-rails', '~> 4.0.3'
gem 'bootstrap-sass', '3.3.1'

当我在浏览器中查看我的源文件（/assets/application.css?body=1）时，我无法找到@extend call添加的css样式

Answer 1

@extend是一个sass概念，您的文件名为.css而不是.scss或.scss.css。我猜测Sass编译器对你的内容没有任何作用，只是将它与主application.css组合在一起。