Upgrade Bootstrap from 3.3.2 to 5.3.3

[Copilot]

Major version upgrade: Bootstrap 3.3.2 → 5.3.3. This brings modern web standards, removes jQuery dependency, and improves performance.

Breaking Changes

Data attributes namespaced - All Bootstrap data attributes now require data-bs-* prefix:

// Before
echo '<button data-toggle="modal" data-target="#myModal">Open</button>';

// After  
echo '<button data-bs-toggle="modal" data-bs-target="#myModal">Open</button>';

jQuery removed - Bootstrap 5 uses vanilla JavaScript. Initialization updated:

// Before: jQuery-based
$('[data-toggle="tooltip"]').tooltip();

// After: Vanilla JS
document.querySelectorAll('[data-bs-toggle="tooltip"]').forEach(el => {
    new bootstrap.Tooltip(el);
});

CSS utilities renamed:

• pull-left/right → float-start/end
• help-block → form-text

No IE support - Bootstrap 5 drops Internet Explorer compatibility.

Changes

Core Updates

• Replaced all Bootstrap assets (CSS, JS, source maps) with 5.3.3 versions
• Updated CDN: maxcdn.bootstrapcdn.com → cdn.jsdelivr.net
• Bootstrap package now uses bootstrap.bundle.js (includes Popper)

Code Migration (78 files)

• Data attributes: Updated all occurrences of data-toggle, data-target, data-dismiss, data-slide*, data-parent to data-bs-* format
• CSS classes: Migrated deprecated utility classes to Bootstrap 5 equivalents
• JavaScript: Updated tooltip/popover initialization to vanilla JS API
• Components: TbHtml helper, 18 widgets, views, and templates

Documentation

• Added BOOTSTRAP5_MIGRATION.md with upgrade guide and code examples
• Updated README and CHANGELOG

Migration Required

Custom code using Bootstrap data attributes, CSS utilities, or jQuery-based initialization must be updated. See BOOTSTRAP5_MIGRATION.md for complete migration guide.

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.