Bootstrap Sass Rails 4 自定义样式

我正在尝试使用 bootstrap 自定义 Rails 应用程序的样式变量较少可用的here. http://getbootstrap.com/customize/我正在使用引导 Sass https://github.com/twbs/bootstrap-sass我将所有 javascript css 和字体包含在我的/vendor/assets.

我跟着埃里克·明克尔 http://www.erikminkel.com/2013/09/01/twitter-bootstrap-3-in-a-rails-4-application/教程逐字逐句，或者我应该说代码一个代码。

In assets/javascript/application.js

//= require jquery
//= require jquery.countdown
//= require bootstrap
//= require jquery_ujs
//= require tinymce-jquery
//= require jquery.turbolinks
//= require turbolinks
//= require masonry/jquery.masonry
//= require_tree .

And in assets/stylesheets/application.css

    *= require_tree .
     *= require 'masonry/transitions'
     *= require jquery.countdown
     *= require bootstrap
     *= require_self
     */

对于定制，我创建了一个bootstrap_and_customization.css.scss文件输入assets/stylesheet/看起来像这样：

@import url(http://fonts.googleapis.com/css?family=Lato:400,700);

    $body-bg:                                                   #ecf0f1;
    $font-family-sans-serif:                'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    $navbar-height:                                        45px;
    $navbar-default-bg:                          white;
    $navbar-default-brand-color:      black;
    $brand-primary:                                    #c0392b;
    $jumbotron-bg:                                         white;
    $link-color: #e74c3c;
    @import 'bootstrap';

当我没有将引导资产放入我的供应商文件夹时，上面的代码工作正常。在我添加它们之后，这些样式就不再起作用了。

问题是这些样式在我的应用程序中都不起作用，我无法弄清楚出了什么问题。

Bootstrap 在其风格中不使用任何变量。它使用带有值的普通样式，例如：