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

Just started learning bootstrap and I'm blown away. But- I have a question.

I want to see what the classes are actually doing in the CSS. It shows you what the result looks like and what not, but I'm more looking for a way to improve my CSS and not just use Bootstrap as a crutch, but actually understand why it works/looks the way it does and what not.

3 Answers

Alex Heil
Alex Heil
53,547 Points

hey Charlie Person , if you want to digg deeper into bootstrap and what the classes are doing you might want to take a look at their official documentation at http://getbootstrap.com/

There you'll find all classes / components / helpers explained, along with code examples.

hope that helps and have a nice day ;)

Unfortunately not what I'm looking for. I'm on the site. I see the code examples of how to put the classes into the HTML. I'm asking if there is a way to see the CSS BEHIND these classes! Thanks though.

Johnatan Guzman
PLUS
Johnatan Guzman
Courses Plus Student 2,360 Points

Learning css trough bootstrap might not be the best idea, its very complicated.

Bootstrap is built with a complex css preprocessor (LESS, SASS) which is impossible to understand if you are new to css. You can however download the compiled version of bootstrap (non minified) and have a look there. www.getbootstrap.com --> download bootstrap (the most left one) and then dist --> css --> bootstrap.css

Hmm- interesting. Thanks for the insight! So, I've been practicing HTML and CSS for a few months now and have become familiar with the language. But still, I don't really understand how the pros start out on a site and in which order they do what, how they go about making things like sidebars step by step, etc. I really wanna step my game up to the next level, but I'm at an awkward position. I've found that the only videos I haven't seen are the ones that are for beginners and tell me things I already know. Do you think it'd be beneficial to start learning something like Bootstrap/Foundation to see common formatting and methods for doing those practical things that are just too specific to include in a treehouse tutorial? Where do I go from here??????

Hi Charlie,

First, let me ask you what browser you're testing in? Are you familiar with the developer tools in each of them? I suggest looking at the developer tool (for your browser) and using the highlight tools. This will show you what the browser displays and then show you the HTML markup AND the CSS that each element is associated with (element definitions, class definitions and id definitions). Using Boilerplate or Bootstrap is amazing but I think you should have a very good grasp of HTML, CSS and JavaScript before delving into those two. They are great tools, just make sure you have a very solid understanding of the above. A good reference for these 3 is (Mozilla Developer)https://developer.mozilla.org/en-US/ and (w3Schools) http://www.w3schools.com/.

Youtube is a hit or miss sometimes so I'm hesitant to lead you there. Adobe also has a plethora of information.

Hope that opens some doors and helps. Happy coding! -Graham