DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 966,155 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
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)

Take a look at this:

Settings

Go to your customization settings to nudge your home feed to show content more relevant to your developer experience level. πŸ›