在Rails 4应用程序中使用带有scss的twitter-bootstrap时无效的CSS

Question

我在我的Rails应用程序中使用twitter-bootstra-rails gem。

以下是我的清单（application.css）的外观：

 *= require_self
 @import bootstrap_and_overrides;
 *= require dataTables/jquery.dataTables.bootstrap3
 *= require_tree .
 */

但是，在尝试使用这样的变量时：

color: @brand-success; 

我明白了：

Invalid CSS after "      color: ": expected expression (e.g. 1px, bold), was "@brand-success; "

我错过了什么？在文档中它说：

  

如果您使用SASS编译application.css（例如您的   清单文件是application.css.sass或application.css.scss）你可以   得到这个：

     

“*”之后的CSS无效：期望“{”，是“=要求twitt ...”（in   app / assets / stylesheets / application.css）（sass）

     

如果是这种情况，您必须使用@import而不是* =   清单文件，或者不用SASS编译清单。