frontend-bootstrap5

name	frontend-bootstrap5
description	Use when: building UI components with Bootstrap 5 and Bootstrap Icons while maintaining consistency and accessibility.

Frontend with Bootstrap 5

Goal

Build consistent UI using Bootstrap 5 patterns and utilities.

Do

• Use Bootstrap grid, spacing, and utility classes before custom CSS.
• Prefer reusable components for forms, alerts, modals, tables, and navigation.
• Use Bootstrap Icons consistently with semantic labels.
• Keep JavaScript behavior minimal and progressively enhanced.

Checks

• Components align with existing visual language.
• Form validation states are visible and accessible.
• UI remains usable without layout breakage across common breakpoints.