Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

khawar mahmood
khawar mahmood
4,765 Points

bootstrap

how can i read bootstrap coding of css that i using, i have downloaded but it is very large and complicated file, so finding coding of specific class is very difficult

3 Answers

Wayne Priestley
Wayne Priestley
19,567 Points

Hi Khawar

Make sure you are looking at the css file that is named .css and not the min.css file.

As for understanding it, you may just have to get more comfortable with css, I don't see any way around that. It is better if you have a solid understanding of both html and css before you start using any framework, as the situation you find yourself in now shows.

James Barnett
James Barnett
39,199 Points

In general, I don't recommend you look at the CSS as you are right it's way too large and complicated, in most cases I recommend people check out the CSS & components sections on http://getbootstrap.com/

Wayne Priestley
Wayne Priestley
19,567 Points

I thought it interesting looking through the css in bootstrap to see how things were done. It certainly gave me a few ideas about how i could best override a few of the bootstrap styles in my own css. It was also nice to confirm that i could read such a large amount of css and for the most part understand all of it. It also made me look deeper into some of the things that i wasn't 100% sure how they worked.

William Whitworth
William Whitworth
6,117 Points

Another option is to inspect the code with developer tools in either Firefox, Chrome, or Safari. Inspect the specific element and see what file and line the code is in. In general though, I wouldn't recommend changing any of the framework files, if you do, comment out your changes. Otherwise, if you ever update the framework, everything will be overwritten.