Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Jackie Gable
Jackie Gable
1,539 Points
Posted by Jackie Gable
Jackie Gable
1,539 Points

I frequently use Bootstrap for my projects files. How do I keep my custom files from being overwritten when upgrading?

I've been using Bootstrap for quite awhile but never bothered with the scss files. However, I frequently customize the css for various projects and I'd like to know how I can use Sass and not overwrite my custom styles when the next Bootstrap version comes out? Also, what are your thoughts on a GUI compiler like Koala or Scout?

1 Answer

Brendan Whiting
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Brendan Whiting
Front End Web Development Techdegree Graduate 84,736 Points
Brendan Whiting
.a{fill-rule:evenodd;}techdegree seal-36
Brendan Whiting
Front End Web Development Techdegree Graduate 84,736 Points

You shouldn't modify the Bootstrap source code that you download. You should write your css/scss in a separate file and use different classes than Bootstrap uses. You'll put both Bootstrap classes and your classes on the same element in your html. When you link to the stylesheets, link to your custom code after you link to bootstrap, which will help your custom styles take precedence in specificity.