Bootstrap ver.4 to ver.5 Compatibility Layer
Part of Real-World CoreUI Migration: From Laravel 8 to Laravel 11
Since this project kept c- prefixed layout classes from CoreUI, it needed a custom compatibility layer for Bootstrap 4 utility classes that were removed or renamed in Bootstrap 5:
// components/_layout.scss
// Styles for migration Bootstrap 4 to 5
// Bootstrap 4 spacing utilities removed in BS5
@media (min-width: 768px) {
.mr-md-auto, .mx-md-auto {
margin-right: auto !important;
}
.text-md-right {
...