在application.css.scss中@import“bootstrap”之后的Sass :: SyntaxError

时间:2014-02-20 14:00:10

标签: css ruby-on-rails sass twitter-bootstrap-3

我的rails(使用bootstrap-sass gem)application.css.scss看起来像这样:

/*
 * ...boilerplate application.css.scss comments
 *= require_tree .                                                              
 *= require_self                                                                
 */                                                                             
@import 'bootstrap'

.container-fixed {                                                              
  margin: 0 auto;                                                               
  max-width: 970px;                                                             
}           

查看任何页面都会给我一个Sass:SyntaxError,如Invalid CSS after "...ort 'bootstrap'": expected selector or at-rule, was ".container-fixed {"。我没有看到.container-fixed代码段的问题。 Elsewhere我看到这个错误可能是由Sass抱怨的行之前导入的文件引起的。但是,此项目中没有其他CSS(除了bootstrap本身)。我做错了什么?

1 个答案:

答案 0 :(得分:6)

根据Cimmanon的评论,通过在@import行的末尾添加一个分号来解决问题,如bootstrap-sass docs所示。