Question

I am currently working on a project and am using Twitter Bootstrap as my CSS framework, however i don’t want to use it for all my css. I have some other style sheets such as calculator.css but there are certain elements of the css that are being overridden by Bootstrap.

How would i go about keeping Bootstrap as the css framework and then call just my style sheets on certain pages where i don’t want to use Bootstrap?

For example i have a page called calculator within a home controller, with a calculator.css file for styling. All i would like to do is call my calculator.css file for that page.

Has anyone dealt with this before, any help is appreciated

Thanks

Answer 1

You just need to make sure the bootstrap css is loaded before your other css. For example, your application css file might look similar to this afterwards:

*= require_self  
*= require bootstrap
*= require myfile