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 🤞
Comments
- No comments yet.
Related Posts
Upgrading to the Latest Django 3.x
3 min readAs a prerequisite to an upgrade to Django 4.0, I walk you through my upgrade process to the latest 3.x version
Improving Security With SRI: From F to B on Mozilla Observatory
4 min readLearn 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 readDiscover 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
A hands-on AI practitioner who transitioned to a CTO role to broaden my impact.
Most of my career has been dedicated to developing spatial systems at Esri, startups, and federal agencies. Currently, I lead technology strategy for Leidos' Health IT division, supporting agencies such as SSA, VA, and HHS.
My primary focus is the convergence of spatial computing and AI, enabling machines to interpret the physical world and applying these capabilities to meaningful missions.
Please reach out if you are interested in spatial systems or advancing AI within the federal government.
0