What is Bootstrap?

It is an open-source framework from late 2011 that is utilized for  responsive sites with a any Mobile first methodology quicker and simpler. Bootstrap is accessible for HTML, CSS, and JS. As indicated by server side Languages like PHP, Node, and so  bootstrap assists with designing the frontend.

Why Bootstrap? 

Responsive Design 

Faster and Easier

Mobile First Design

Support  Browser

Advantages of Bootstrap 

A consistent framework that supports major of all browsers and CSS compatibility fixes

Lightweight and adjustable 

Responsive designs and styles

Good documentation  and community support

Loads of free and best layouts, WordPress themes and plugins

Great grid system

Basis ofBootstrap 4Bootstrap 5
Grid SystemIt has 5  level (xs, sm, md, lg, xl).It has 6  level (xs, sm, md, lg, xl, xxl).
JqueryIt has jquery and all related plugins.Jquery is removed and  changed to vanilla JS with some working plugins
Internet ExplorerBootstrap 4 support IE 10 and 11.Bootstrap 5 doesn’t support IE 10 and 11.
Form elementRadio buttons, checkboxes have distinctive look in changed OS and programs.The look of form elements will not change, on different OS or browser.
GutterWe use .glutter with fontsize in pxWe use .g* with fontsize in rem
Vertical ClassesColumns can be positioned relativeColumns cannot be positioned relative
Bootstrap IconsBootstrap 4 doesn’t have its own SVG icons Bootstrap 5 have its own SVG icons
Static Site GeneratorBootstrap 4 uses Jekyll software.Bootstrap 5 uses Hugo software.

Leave A Comment

Your email address will not be published. Required fields are marked *