| Grid System | 5 tier grid system(xs, sm, md, lg, xl). | 6 tier grid system(xs, sm, md, lg, xl, xxl). |
|---|
| Color | It has limited colors. | Extra colors have been added with the looks. |
|---|
| Jquery | It has jQuery along with all the related plugins. | Jquery is removed and it has switched to vanilla JS with some working plugins. |
|---|
| Internet Explorer | Bootstrap 4 supports both IE 10 and 11. | Bootstrap 5 doesn’t support IE 10 and 11. |
|---|
| Form elements | Radio buttons and checkboxes look different in different OS and browsers. | The look of form elements does not change on different OS or browsers. |
|---|
| Utilities API | Utilities cannot be modified in Bootstrap 4. | Bootstrap 5 allows us to modify and also create our own utility. |
|---|
| Vertical Classes | Relative positioning of columns is allowed. | Relative positioning of columns is not allowed. |
|---|
| Bootstrap Icons | Bootstrap 4 doesn’t have its own SVG icons. | Bootstrap 5 has its own SVG icons. |
|---|
| Jumbotron | Bootstrap 4 supports the jumbotron. | Bootstrap 5 doesn’t support the jumbotron. |
|---|
| Card deck | The card deck class, used to create a set of cards with equal width and height, is available in bootstrap 4. | Card deck class has been removed in bootstrap 5. |
|---|
| Navbar | We have the inline-block attribute, and the default for the dropdown-menu-dark class is a white dropdown. | The inline-block property has been removed, and the dropdown-menu-dark class now uses a black dropdown as the default. |
|---|
| Static Site Generator | Jekyll software is used by Bootstrap 4. | Hugo software is used by Bootstrap 5. |
|---|
Leave a Reply