Migrating from Bootstrap 4 with Bootstrap 5
Some main changes from my experience:
1. Quick find and replace
- replace
badge badge
withbadge bg
- replace
jumbotron
withcard bg-light
- replace
card-deck
withrow row-cols-1 row-cols-md-2 g-4
orcard-group
- replace
form-group
withmb-3
- replace
font-weight
withfw
2. Replace all dropdowns with bootstrap 5 dropdown code, including navbar
3. Margins
left
and right
replaced with something like start
and end
.
Meaning, we would have <ul class="navbar-nav me-auto">
and <ul class="navbar-nav me-auto">
for navbar-end (right) and navbar-start (left)