Bootstrap and Foundation are the two most popular front-end frameworks today. Choosing which one to use is entirely down to one’s personal preferences, but in all they work the same way.
Credit : Vassilis Michalopoulos / Flickr Creative Commons
Bootstrap was created by former Twitter employees while Foundation is the brainchild of ZURB, an interaction design company that can boast a client list that includes eBay, Facebook and even the NYSE. Most WordPress themes I have come across are made using the Bootstrap framework. Having tried and tested both, I found that there is a difference in the syntax for each framework; but it’s easy to create equivalent code snippets that make both frameworks easily customisable. The end result is a mobile-first responsive grid system.
Grid Systems are the core feature designers and developers look for in frameworks. Foundation was the first big framework to go responsive, and for a period of time it was the most popular mobile-first framework. However, Bootstrap has since gone “mobile-first” and is almost on the same level of popularity as Foundation.
When using typography and widths, Bootstrap uses pixels, but Foundation uses rems. The two frameworks use them differently, but they both create the same outcomes. Again, it’s a thing of personal preference for web designers.
While pixels may feel more familiar to web designers and graphic artists without that much experience, rems help designers think more about proportions. Think of pixels as absolute units while rems are relative units.