Bootstrap vs Foundation vs Primer | What are the differences?

Bootstrap

Stacks52K

Followers11.2K

+ 1

Votes7.6K

Foundation

Stacks1.2K

Followers1K

+ 1

Votes735

Primer

Stacks6

Followers38

+ 1

Votes6

Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.

Learn More

Pros of Bootstrap

Pros of Foundation

Pros of Primer

1.6K
Responsiveness
1.2K
UI components
945
Consistent
776
Great docs
677
Flexible
466
HTML, CSS, and JS framework
410
Open source
375
Widely used
368
Customizable
241
HTML framework
76
Popular
75
Mobile first
75
Easy setup
56
Great grid system
49
Great community
38
Future compatibility
34
Integration
27
Very powerful foundational front-end framework
24
Standard
23
Javascript plugins
19
Build faster prototypes
18
Preprocessors
13
Grids
8
Clean
7
Good for a person who hates CSS
4
Rapid development
4
Love it
4
Easy to setup and learn
2
Clean and quick frontend development
2
Great and easy to use
2
Great and easy
2
Powerful grid system, Rapid development, Customization
2
Community
2
Great customer support
2
Popularity
2
Provide angular wrapper
2
Great and easy to make a responsive website
2
Sprzedam opla
2
Easy to use
1
Easy setup2
1
Responsive design
1
Geo
1
Painless front end development
1
Design Agnostic
1
So clean and simple
1
Numerous components
1
Recognizable
1
Intuitive
1
Love the classes?
1
Pre-Defined components
1
Boostrap
1
Reactjs
1
It's fast
1
Material-ui
1
Felxible, comfortable, user-friendly
1
The fame
0
Frefsd

158
Responsive grid
92
Mobile first
79
Open source
75
Semantic
72
Customizable
51
Quick to prototype
50
Simple ui
45
Fast
44
Best practices
39
Easy setup
6
Neutral style
6
HTML, SCSS and JS
5
Professional
5
Accessibility support
3
Xy grid
2
Every new version is smaller, smarter & more efficient
2
Sass
1
Robust

4
simple
2
Pretty
0
Maintained by GitHub

Cons of Bootstrap

Cons of Foundation

Cons of Primer

24
Javascript is tied to jquery
14
Every site uses the defaults
11
Too much heavy decoration in default look
11
Grid system break points aren't ideal
7
Verbose styles

4
Awful site
4
Requires jQuery

Be the first to leave a con

What is Bootstrap?

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

What is Foundation?

Foundation is the most advanced responsive front-end framework in the world. You can quickly prototype and build sites or apps that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices.