Migrating From Bootstrap 4 to 5: Refactoring for a Smooth Transition
in Web Dev
I've been wanting to migrate from Bootstrap 4 to Bootstrap 5. One reason for making the jump is that BS5 drops its dependency on JQuery - often the center of security issues.
I thought little of upgrading aside from swapping out CDN JS/CSS files. Upon upgrading, though, my site broke. Dropdowns stopped working, the layout got wonky.
I reverted the commit and checked Bootstrap's excellent doc on migrating to BS5. BS5 introduced many breaking changes.
Breaking Data attributes for all JavaScript plugins are now namespaced to help distinguish Bootstrap functionality from third parties and your own code. For example, we use
data-bs-toggleinstead ofdata-toggle.
After refactoring, everything works again 🤞
Related Posts
Upgrading to the Latest Django 3.x
3 min read
As a prerequisite to an upgrade to Django 4.0, I walk you through my upgrade process to the latest 3.x version
0
Improving Security With SRI: From F to B on Mozilla Observatory
4 min read
Learn how to implement SRI and improve security, including how to generate cryptographic hashes and use the django-sri module | A Step-by-step guide
0
How I Improved My Security Score With Mozilla Observatory: A Guide
13 min read
Discover how to improve your rating using Mozilla Observatory's security assessment tool. See the steps I took to upgrade my score from a 'F' to an 'A+'.
0
John Solly
Hi, I'm John, a Software Engineer with a decade of experience building, deploying, and maintaining cloud-native geospatial solutions. I currently serve as a senior software engineer at New Light Technologies (NLT), where I work on a variety of infrastructure and application development projects.
Throughout my career, I've built applications on platforms like Esri and Mapbox while also leveraging open-source GIS technologies such as OpenLayers, GeoServer, and GDAL. This blog is where I share useful articles with the GeoDev community. Check out my portfolio to see my latest work!
Comments