Difference between Bootstrap4 and Bootstrap5
In this blog, we will learn what is the difference between bootstrap4 and bootstrap5 is. Bootstrap4 has a lot of features for web designers but now bootstrap5 is available for designers it comes with a extra features and better speed than bootstrap4 which helps web designers to make websites more interactive and light weight as compared to bootstrap4.
Let’s see the difference between the bootstrap4 and bootstrap5:
|
Topics |
Bootstrap4 |
Bootstrap5 |
|
Grid System |
It has 5 grid system classes (xl,lg,md,sm,xs).
xl: xtra large screen >1366px resolution.
lg: large device such as desktop,laptop <1366px resolution.
md: medium device such as a tablet,iPad.
sm: small device is used for mobile horizontal view.
xs: xtra small device is used for mobile vertical view.
|
It has 6 grid system classes (xxl, xl,lg,md,sm,xs).
xxl: xx large screen >1400px resolution.
xl: xtra large device such as desktop, laptop >1200px resolution.
lg: large device now it is used for ipad pro screen. Screen >992px and less than <1200px
md: medium device such as a tablet,iPad.
sm: small device is used for mobile horizontal view.
xs: xtra small device is used for mobile vertical view.
|
|
jQuery
|
It depends on the jquery file to run the bootstrap.js file.
|
Now it introduces Vanilla JS for better performance. |
|
Color
|
It has limited colors. |
It added some new colors to enhance the website look.
|
|
Icons
|
To use icons on the website, we have to use Font Awesome in bootstrap4. |
Now it has owns SVG Icons.
|
|
Utilities
|
We can use bootstrap utilities but could not modify them.
|
In Bootstrap5 we can modify bootstrap utilities and we can also create our own utilities.
|
|
Vertical Spacing
|
It does no have any class for vertical spacing.
|
It has vertical spacing classes. |
|
Jumbotron
|
It supports |
It does not support. |
