Overriding Bootstrap variables in Rails with bootstrap-sass gem

Question

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

Answer 1

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";