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

Posted by jason chan
jason chan
31,009 Points

CSS libraries which one? Bootstrap, normalize, purecss?

So what's the pros and cons of bootstrap, normalize css, pure css?

I don't know which one I should stick to? I like bootstrap because I barely learned it and getting the hang of it. So yeah. pure looks promising.

7 Answers

mikes02
mikes02
Courses Plus Student 16,968 Points

The problem with most CSS frameworks is that they are bulky and tend to include a tremendous amount of code that you may not even use on your project. With Bootstrap though you can customize your build to remove elements that you know you won't be using which should assist in making it lighter.

jason chan
jason chan
31,009 Points

You get the kudos bro! I'll learn more as I go.

Andrew Stelmach
Andrew Stelmach
12,583 Points
Andrew Stelmach
Andrew Stelmach
12,583 Points

I haven't tried pure.

By 'normalize', do you mean http://necolas.github.io/normalize.css/ ? If so, Bootstrap contains normalize anyway. Normalize isn't a CSS framwork like pure or bootstrap.

I can vouch for Bootstrap, though, I've used it a lot and so long as you learn to embrace it, rather than fight against it, it works well.

jason chan
jason chan
31,009 Points

yes sir

jerry bremser
jerry bremser
3,941 Points
jerry bremser
jerry bremser
3,941 Points

its all based on preference and what youre most comfortable with. personally, normalize does it for me. simple, and covers every5thing that basically needs to be covered. but again, all preference :)

mikes02
PLUS
mikes02
Courses Plus Student 16,968 Points
mikes02
mikes02
Courses Plus Student 16,968 Points

Normalize and Bootstrap are not the same thing, normalize is a reset, its goal is to "makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing."

Bootstrap, on the other hand, is a mobile-first/responsive framework for projects. Bootstrap uses normalize.css for the same reasons listed above.

Jonathan Romine
Jonathan Romine
9,344 Points
Jonathan Romine
Jonathan Romine
9,344 Points

Please don't forget Foundation 5 by Zurb

mikes02
PLUS
mikes02
Courses Plus Student 16,968 Points
mikes02
mikes02
Courses Plus Student 16,968 Points

Yes, Foundation as well. Important to note that Foundation, like Bootstrap, is a responsive CSS framework and utilizes normalize.css as well.

jason chan
jason chan
31,009 Points
jason chan
jason chan
31,009 Points

trying to figure out which one to learn more detailed with. so far I'm pretty settled with bootstrap but it's too bulky, but it has glyphicons which makes it cool.