DEV Community

Cover image for All about Bootstrap V5 alpha!!๐ŸŽ‰
whoami22
whoami22

Posted on

All about Bootstrap V5 alpha!!๐ŸŽ‰

Hello everyone,let's talk about the new release of Bootstrap v5.

Bootstrap is one of the open source that many developers love. So what do we expect of the new changes when Bootstrap 5 is released?

โœจFeaturesโœจ :

  1. jQuery removed
  2. Updated Forms
  3. Enhanced Grid System
  4. CSS custom properties and dropped support for Internet Explorer.

Let's get deeper!

  • Brand New Logo

logo

  • New UI

UI

  • JQuery

jQuery brought unprecedented access to complex JavaScript behaviors to millions of people.So they dropped jQuery and in addition to that they've enhanced javascript in v5 that focus on code quality and dropping the bulk of our Button plugin for an HTML and CSS only approach to toggle states.

and more 80+ changes in javascript,you can find here

  • Custom CSS properties

Now we can use CSS custom properties in Bootstrap v5 and a handful of components and layout options.

Example-
css

  • Enhanced Grid System

Hereโ€™s a rundown of whatโ€™s changed in grid:

  • Weโ€™ve added a new grid tier! Say hello to xxl.
  • .gutter classes have been replaced with .g* utilities, much like our margin/padding utilities. Weโ€™ve also added options to your grid gutter spacing that matches the spacing utilities youโ€™re already familiar with.
  • Form layout options have been replaced with the new grid system.
  • Vertical spacing classes have been added.
  • Columns are no longer position: relative by default.

Coming soon: RTL, offcanvas, and more

So,let's get started and you can find more info here

Top comments (0)