5 New Features in Bootstrap 5

Let's explore the latest version of Bootstrap

Chameera Dulanga
Aug 5 · 5 min read
Image for post
Image for post
Photo by Pierre Bamin on Unsplash

Modified Grid System

Image for post
Image for post
Screenshot by the author
<div class="row g-5">
<div class="col">...</div>
<div class="col">...</div>
<div class="col">...</div>
</div>

Updated Forms

Image for post
Image for post
v4 checkbox
Image for post
Image for post
v5 checkbox
Image for post
Image for post
v4 switches
Image for post
Image for post
v5 switches

Customizing Docs

Image for post
Image for post
Screenshot by the author
Image for post
Image for post
Extended color palette

CSS Custom Properties


No More jQuery


Conclusion

Better Programming

Advice for programmers.

Thanks to Zack Shapiro

Chameera Dulanga

Written by

Tech Writer | Software Developer | Undergraduate — University of Moratuwa, Faculty of Information Technology.

Better Programming

Advice for programmers.

Chameera Dulanga

Written by

Tech Writer | Software Developer | Undergraduate — University of Moratuwa, Faculty of Information Technology.

Better Programming

Advice for programmers.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store