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

CSS Framework Basics Prototyping with Bootstrap Introduction to Bootstrap

Posted by Asad CSE
Asad CSE
Courses Plus Student 566 Points

Confused with Bootstrap

Hi there,5 days ago i started my journey to learn Bootstrap.Still now i'm learning Bootstrap and i have tried to build something by my earning knowledges.Now i can make Navigation Menu,Fixed Menu,Responsive Columns with Bootstrap default styles.But i can't do anything my own choice,suppose i want to add colors on my menu or add background colors on my columns.But i couldn't.Now i'm feeling depressed.How can i make a PSD to HTML,CSS website with Bootstrap?Is it possible?Please help me.

4 Answers

Kevin Korte
Kevin Korte
28,149 Points
Kevin Korte
Kevin Korte
28,149 Points

You'll want to educate yourself well on the CSS lessons here, and than from there it's just using your browser's inspector to see what default bootstrap styles you have to overwrite, and than overwrite them yourself in CSS.

Jonathan Söder
Jonathan Söder
5,771 Points
Jonathan Söder
Jonathan Söder
5,771 Points

Check out the CSS lessons here like Kevin said. I've been where you've been. Once you get a hang of CSS everything will fall in place. Good luck!

Ted Sumner
PLUS
Ted Sumner
Courses Plus Student 17,967 Points
Ted Sumner
Ted Sumner
Courses Plus Student 17,967 Points

You state that you have an understanding of CSS and media queries but also have a hard time with a responsive site. Media queries are how you create a responsive site, so I would suggest that you still have things to learn with CSS and media queries. While there is nothing wrong with learning Bootstrap, that may not solve your fundamental problem.

You would be well served by taking this course if you really want to learn how to build a responsive site.

Asad CSE
PLUS
Asad CSE
Courses Plus Student 566 Points
Asad CSE
Asad CSE
Courses Plus Student 566 Points

Hey Kevin & Jonathan, Thanks a lot. May be you are not clear what i wanted to say.I think i have enough knowledge of CSS.Because i have created several websites by the knowledges of HTML,CSS,Media Queries & jQuery.I faced trouble with responsive website so that i realised i need to learn Bootstrap and so i'm learning Bootstrap.It's the only case why i learning Bootstrap.I just want to know how can i put my own CSS style alongside with Bootstrap.If you are able to help me then please recommend me.

Thanks

.

Kevin Korte
Kevin Korte
28,149 Points
Kevin Korte
Kevin Korte
28,149 Points

There are two ways to do this

  1. Use the customizer : http://getbootstrap.com/customize/

  2. Add a second css style sheet that comes after the bootstrap file. In this second file, you would write your css styles to override the bootstrap styles. Because these styles come after the bootstrap files in the document flow, they should override the bootstrap styles, since later styles have more weight.

PRO TIP: Copy and use the exact same selector from bootstrap in your overriding, or you may run into css specificity is the reason why you still can't override a bootstrap style. For instance, if bootstrap has a selector like .list-item > .item and you only use .item as your selector, it may not override because the bootstrap class is more specific.