Overriding Bootstrap variables in Rails with bootstrap-sass gem

css, ruby-on-rails, twitter-bootstrap

Solution

You can override variables by simply redefining the variable before the `@import` directive.

For example:

$navbar-default-bg: #312312;
$light-orange: #ff8c00;
$navbar-default-color: $light-orange;

@import "bootstrap";

Problem

I am using the `bootstrap-sass` gem (Bootstrap 3.0) by Thomas McDonald. I've followed the Bootstrap and Rails tutorial by Daniel Kehoe. I have `application.css.scss` which has the following at the top: ``` /* *= require_self *= require_tree . */ ``` And I have `framework_and_overrides.css.scss` which has this line in it: ``` @import "bootstrap"; ``` Now I tried overriding bootstrap variables (`$body-bg: #f00;`) I found here and placing them in either of these two files but nothing changes. What am I doing wrong?

Original source