1

我一直在为此自责，并尝试了不同的组合，需要帮助来解决我无法解决的问题。

我过渡到在我的简单 rails 3.2.14 应用程序 ruby​​ 1.9.3 中使用 bootstrap-sass，以便它可以在 PPC 机器上运行。我查看了有关 Sass Basics 的 Railscast 插曲，并将我的文件设置为：

宝石文件

 group :assets do
   gem 'sass-rails'
   gem 'coffee-rails'
   gem 'uglifier', '>= 1.0.3'
 end
 gem 'jquery-rails'
 gem 'bootstrap-sass', '~> 2.3.2.2'
 gem 'ruby-rc4', :require => "rc4"
 gem 'nokogiri'
 gem 'multi_json'

我的 application.css.scss

  *= require_self
  *= require_tree .
  @import "bootstrap_and_overrides.css.scss";
  @import "welcome.css.scss";

我的 bootstrap_and_overrides.css.scss

 $main-color: #27ae19;
 @import "bootstrap";
 body { padding-top: 60px; background-color: $main-color;}
 @import "bootstrap-responsive";

这会启动并且 $main-color 出现在正文中。问题是当我在welcome.css.scss 文件中使用$main-color 时，应用程序会响应$main-color 无法识别。根据 Railscast 剧集，这是可以预料的。Ryan 的解决方案很有意义，因为我必须删除 require_tree 。行并按我想要的顺序@import SCSS 文件。除了，它不会拉入任何 css 文件，或者它在 $main-color 变量上出错。

我重新阅读了 Thomas McDonald 的笔记，他们建议 css 中的更改应该超出 @import bootstrap 行。试过了，但没有爱。理想情况下，这应该根据我的理解起作用，但事实并非如此。

 *= require_self
 @import "bootstrap";
 @import "bootstrap-responsive";
 @import "bootstrap_and_overrides.css.scss"; #after removing the bootstrap, bootstrap-responsive.
 @import "welcome.css.scss";

这会产生一个白屏。我用谷歌搜索并不断重新启动我的服务器以清除任何缓存。帮助我理解我做错了什么，thanx，sam

4

0 回答 0