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

khawar mahmood
khawar mahmood
4,765 Points
Posted by 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,579 Points
Wayne Priestley
Wayne Priestley
19,579 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
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,579 Points
Wayne Priestley
Wayne Priestley
19,579 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
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.