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)