Here is the list;
| BASIS OF | BOOTSTRAP 4 | BOOTSTRAP 5 |
|---|---|---|
| Grid System | It has 5 tier (xs, sm, md, lg, xl). | It has 6 tier (xs, sm, md, lg, xl, xxl). |
| Color | It has limited colors. | Extra colors added with the looks, A card improved color palette. there are various shades available to choose. |
| Jquery | It has jquery and all related plugins. | Jquery is removed and 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, checkboxes have different look in different OS and browsers. The form uses whatever default browsers provide. | The look of form elements will not change, on different OS or browser. The forms can be customized and form controls can be added, they would not depend on browser. |
| Utilities API | We cannot modify utilities in bootstrap 4 | Bootstrap 5 gave freedom to modify and also create our own utility |
| Gutter | We use .glutter with fontsize in px | We use .g* with fontsize in rem |
| Vertical Classes | Columns can be positioned relative | Columns cannot be positioned relative |
| Bootstrap Icons | Bootstrap 4 doesn’t have its own SVG icons, we have to use font-awesome for icons. | Bootstrap 5 have its own SVG icons |
| Jumbotron | It supports. | It doesn’t support jumbotron. |
| Card deck | The card deck is used to create a set of cards with equal width and height. | Card deck class in removed in bootstrap |
| Navbar | We have inline-block property and we will get white dropdown as default for dropdown-menu-dark class. | Inline-block property is removed and we will get black dropdown as default for dropdown-menu-dark class. |
| Static Site Generator | Bootstrap 4 uses Jekyll software. | Bootstrap 5 uses Hugo software as it is fast static site generator. |
| flexbox grid | this makes easier to implement vertical designs, and the columns and rows can easily be implemented. the classes justify-center-content can directly be used to align according to the requirement. | advanced grid system is made available , also columns don’t have relative positions. |
| RTL Support | It does not enable RTL(Right to Left) switching. | It enables RTL(Right to Left) switching. |
| Offcanvas Component | It does not support Offcanvas Component. | It supports Offcanvas Component(that is it is available now). |
Reference
Add to favorites
