Home/ Questions/Q 6801085
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T19:03:23+00:00

Twitter Bootstrap is a cool stylesheet toolkit by Twitter based on LESS. I don’t

  • 0

Twitter Bootstrap is a cool stylesheet toolkit by Twitter based on LESS. I don’t use LESS however I am using the twitter-bootstrap-rails gem and it seems to be all working fine. However I am unable to figure out how to change the colors in the CSS, particularly the link color.

My further research seems to point that the gem only provides a pre-rendered CSS file with fixed colors declarations and not variables that could be changed in one place. I would love to be able to just change the colors by changing a variable like $linkColor = #00ff00

Does anyone have any idea as to how to do the color changes efficiently throughout the UI without using LESS?

I want to avoid using LESS since Rails 3.1 already uses SASS, but if anyone here thinks its not a big deal using both, I’m open to suggestions however.

Any help or suggestion will be much appreciated

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I wrote a reasonably popular conversion of Bootstrap to SASS 1, 2, which allows you to define your own variables if you use a custom helper manifest, rather than the one included in the gem.

    As an example, in the head of application.css.scss:

    @import "bootstrap/reset";
@import "bootstrap/variables";

// overwrite variables here

@import "bootstrap/mixins";

@import "bootstrap/scaffolding";

@import "bootstrap/type";
@import "bootstrap/forms";
@import "bootstrap/tables";
@import "bootstrap/patterns";

// rest of your manifest

    You can overwrite the supported variables before importing the rest of the bootstrap files, and these will also be accessible through the rest of your SCSS.

    • 0