Bootstrap 5 On Point
Actual coverage
HTML; CSS; Bootstrap introduction; CSS components; JavaScript components; layouts; utility classes; icons; an admin-dashboard project; and customization.
Durable knowledge
- Semantic HTML gives content structure; CSS controls presentation; Bootstrap supplies a consistent design vocabulary on top.
- Responsive layout starts mobile-first and adds behavior as space increases.
- Grid systems coordinate containers, rows, columns, gutters, and breakpoints.
- Components accelerate delivery but must retain meaningful HTML, keyboard behavior, accessible labels, and visible focus.
- Utility classes are efficient for local styling; repeated complex combinations should become a component or custom style.
- Customize design tokens rather than fighting framework defaults with scattered overrides.
Proof checklist
Check narrow and wide screens, content overflow, keyboard navigation, contrast, focus, form errors, modal/dropdown behavior, and reduced-motion preferences.