DEV Community

Cover image for Bootstrap 5 - all in 1 minute
thatIITgirl
thatIITgirl

Posted on

4 2

Bootstrap 5 - all in 1 minute

The world’s most popular open-source framework used by developers with HTML, CSS, and JavaScript is ready to roll out the new release - Bootstrap 5 anytime soon!
Here are the major changes expected with the new updated version.

No more Jquery
Yes, its 2020 and with so many more advanced substitutes like React, Vue, etc, Jquery is removed.

Responsive font sizes
Bootstrap 5 will enable responsive font sizes by default. Now, it will be easier to resize the typography components according to the user’s viewport through Responsive Font Sizes or RFS engine.

SVG icon library
In bootstrap-3, we had Glyphicons, then they were removed with bootstrap-4, so we had to rely on third parties. Now, it has an inbuilt SVG library called brilliantly by Mark Otto for making it a bit easier.

Card decks removed
Bootstrap-4 had bulky code for cards creation to set equal width and height cards that aren’t attached to one another, Now, we have more of a responsive control with its new grid system.

Switching from Jekyll to Hugo
Bootstrap 5 is switching to Hugo, written in Go language for faster and flexible static site generator, though both have identical features, Go is making it lightning fast. ;)

Changed Gutter width unit of measurement
Bootstrap 5 will have the gutter width be measured using rem instead of px. As Px does not change based on any other element thus not good for modern responsive web design. So rem is the new standard, 1 rem is equal to the font size of the HTML element.

Classes Update
Out of the 1500 something classes from Bootstrap-4, few are removed like form-inline, Card-deck, form-row, and few are added eg, row-cols-auto, g-, gx- (classes control the horizontal/row gutter width), gy-*.

No Support for IE10 or IE11
C'mon, we are in 2020.

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (1)

Collapse
 
kasiriveni profile image
Srinivas Kasiriveni

WOOWW. Nice

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay