在 rails 中使用 bootstrap 3.3.0 时显示 Sass::SyntaxError答案

【问题标题】：Showing Sass::SyntaxError when using bootstrap 3.3.0 in rails在 rails 中使用 bootstrap 3.3.0 时显示 Sass::SyntaxError
【发布时间】：2015-01-01 13:03:22
【问题描述】：

我在我的 rails 应用程序中使用 bootstrap 3.3.0，但显示以下错误

编译资产 application.css 时出错：Sass::SyntaxError: Undefined mixin 'hide-text'。（在../app/assets/stylesheets/application.css.scss）服务资产 /application.css - 500 内部服务器错误

这是我的 application.css.scss

@import "bootstrap";  
@import "bootstrap-timepicker";  
@import "bootstrap-datepicker";

@import "globals/functions";  
@import "globals/mixins";  
@import "globals/variables";

/*@import "base";  
@import "layout";*/  
@import "style";  
@import "vistyle";  
@import "framework_and_overrides"; 

@import "modules/events";  
@import "modules/gallery";  
@import "modules/forms";

Sass::SyntaxError: Undefined mixin 'hide-text'.

隐藏文本写在 modules/events.css.scss 文件中。

它适用于 bootstrap '2.3.1.0' 但不适用于 bootstrap '3.3.0' 。

【问题讨论】：

标签： ruby-on-rails-3 twitter-bootstrap sass

【解决方案1】：

这可能与您使用的 Rails 版本有关。您没有指定它，但我假设它是 Rails 3.2（因为我遇到了同样的问题。）我还假设您在“资产”组中拥有 gem。如果是这种情况，您的应用看起来与我遇到相同问题的应用非常相似。

基本上这是因为默认情况下，在 Rails 3.2 中，production 中不需要资产组 gem。

有关详细信息，请参阅 bootstrap-sass README 中的更新文档： https://github.com/twbs/bootstrap-sass/commit/1a4ff080af2be55f1c17b5d2c99eb5f31aaf2e97

【讨论】：