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![](https://ecs-static.teamtreehouse.com/assets/views/marketing/shared/community-banner-white-47072046c51352fe6a69f5e691ff5700b28bb11d45197d7bdf066d9ea3f72d0c.webp)
![Jonathan Grieve](https://uploads.teamtreehouse.com/production/profile-photos/601842/micro_twitterCover.png)
Jonathan Grieve
Treehouse Moderator 91,253 PointsCustom colours in Bootstrap
This is probably going to sound like a daft question. But I was looking for some ways that I could apply colour to my version of Front Dev Conf in the new Bootstrap course.
Of course, I found them in the utilities classes. But it's not exactly the widest choice of colour. So naturally we just use our own custom CSS to get the colours we want.
Is it in some way detrimental to do it this way with Bootstrap, i.e. to mix in our own custom classes with the ones Bootstrap give us?
4 Answers
![Kyle Johnson](https://uploads.teamtreehouse.com/production/profile-photos/120545/micro_IMAG0501.jpg)
Kyle Johnson
33,528 PointsYou can customize bootstrap before you download it. This link goes directly to the #colors section of the customize page.
![jason chan](https://uploads.teamtreehouse.com/production/profile-photos/3328982/micro_myself.jpg)
jason chan
31,009 PointsThis is for bootstrap 3 though. You can apply the same concepts.
![Jonathan Grieve](https://uploads.teamtreehouse.com/production/profile-photos/601842/micro_twitterCover.png)
Jonathan Grieve
Treehouse Moderator 91,253 PointsGood link, that's an excellent resource, but I'm talking about writing our own custom styles on the fly. :-)
![Jonathan Grieve](https://uploads.teamtreehouse.com/production/profile-photos/601842/micro_twitterCover.png)
Jonathan Grieve
Treehouse Moderator 91,253 PointsFor that, I'll have to my Sass homework. :)
Thanks
![jason chan](https://uploads.teamtreehouse.com/production/profile-photos/3328982/micro_myself.jpg)
jason chan
31,009 PointsYou can modify it with less or scss
![Jake Ford](https://uploads.teamtreehouse.com/production/profile-photos/4978242/micro_me.jpg)
Jake Ford
9,230 PointsYou can still use your own style sheet and classes, or inline css. I was wondering this too. You just have to make sure you load your custom stylesheet after bootstrap's. I tried this:
<h1 class="text-xs-center display-4 m-y-3" style="color: red;">Speakers</h1>
and it worked.
But I think you are right, if you really want to customize bootstrap itself, you need SASS, SCSS, or LESS.
Jason Ziegler
Full Stack JavaScript Techdegree Student 36,843 PointsJason Ziegler
Full Stack JavaScript Techdegree Student 36,843 PointsI am wondering the same thing!