1.

Differentiate between Bootstrap and Foundation

Answer»

Bootstrap

Bootstrap is an open source framework for developing responsive websites with HTML, JavaScript and CSS. Mark Otto and Jacob Thornton released it on GitHub in August 2011.

Let us see the reasons why we should work with Bootstrap for web development:

  • Browsers Support and Compatibility

Bootstrap is supported by all the modern browsers. Do not worry about compatibility, it is compatible with all the popular web browsers such as Firefox, Chrome, Opera, Safari and Edge.

  • Open Source

Bootstrap released on GitHub and is free to use. Go to its official website, download and begin with designing of amazing responsive websites. With that, you can also use CDN to work with Bootstrap.

  • Responsive

Bootstrap allows you to develop and design responsive websites. The website designed with BOOTSTRAPS works well for all the DEVICES: Mobile, Desktop and Tablet.

  • Mobile-first

Bootstrap has mobile first styles in its library. The same is part of the Bootstrap core framework and its grid system allows the DESIGNERS to design websites sites for small screens first and then move and scale designs up from there.

Foundation

It is a front-end framework designed by ZURB in September 2011. They claim to be the most advanced responsive front-end framework. It is readable, flexible, and completely customizable.

Let us see some of its features:

  • Front-end Framework

It is a family of responsive front-end frameworks that make it easy to design responsive websites, apps and emails.

  • Mobile First

Build for small devices first and the scale to larger devices and create responsive design.

  • Foundation for Sites

It helps you in creating responsive website with HTML, CSS, and JavaScript.

  • Foundation for Emails

Create responsive emails with Foundation, which are readable on almost any device.

Let us now see the differences:

Features
BootstrapFoundation
DefinitionBootstrap is an open source framework for developing responsive websites with HTML, JavaScript and CSS. Mark Otto and Jacob Thornton released it on GitHub in August 2011.Foundation is a front-end framework designed by ZURB in September 2011. This is the most advanced responsive front-end framework. It is readable, flexible, and completely customizable.
Grid SystemBotstrap support responsive grids and flexible breakpoints.Foundation supports whatever Bootstrap has, but also provides responsive gutters.
Collapsible GuttersDo not provide by Bootstrap.Foundation has collapsible gutters.
Inline FormsBootstrap has .form-inline class which is to be added to the <form> tag to create Inline Forms. These are the forms in which the elements are inline and left-aligned.
With Foundation, you cannot create Inline Forms.
Performance CompatibilityMore compatible than Foundation. Performance is also better.
Foundation has enhanced performance, but not better than Bootstrap.
CustomizableDesign can be customized in Bootstrap.
Design can be customized in Foundation, but not better than Bootstrap.
Normalizationreboot.cssnormalize.css


Discussion

No Comment Found