CODEWITHSUNDEEP
ruby-on-rails-3csstwitter-bootstrap
Tom
Tom

Reputation: 2075

Where is it best to edit CSS using twitter-bootstrap

I am currently trying to get to grips with bootstrap and am struggling to understand where I should be editing the CSS. I created a custom.css.scss file to edit settings in my app/assets/stylesheets folder however when I add rules they often seem to be overridden as such I have found that I have to edit certain elements by going to the external libraries bootstrap-sass resource and drilling down to the ../stylesheets/bootstrap folder where I then have to hunt for the relevant style to change. I am sure I am doing this the wrong way, is there something I should be doing to ensure my custom.css.scss has priority? Any help much appreciated!

Upvotes: 3

Views: 603

Answers (2)

dStulle
dStulle

Reputation: 667

In the application.css found in the assets all other styles are included you just need to change the order of these like mentioned here: Rails 3.1 Load css in particular order.

Upvotes: 0

Paul Simpson
Paul Simpson

Reputation: 2514

You don't want to edit the bootstrap files themselves, but CSS rules have a precedence structure which determines which CSS rules are used. It is not terribly complicated, but is a bit tricky until you get the hang of it.

Smashing Magazine has a relatively good introduction to it with links to other sources as well.

Upvotes: 2

Related Questions