Angular Material or Bootstrap? Stop asking the question!
summary
Argues for combining Angular Material components and CDK with Bootstrap’s reboot, grid and utilities to get a CSS reset, responsive layout and ready-made utility classes while keeping Material’s behavior. Demonstrates generating utility classes from theme palettes so colors like secondary-50 and secondary-900 become reusable global classes, reducing per-component CSS. Shows a working setup that imports Bootstrap reboot, grid and utilities and an Angular Material theme and reports it works like a charm in production with a utility-first theming approach and Angular CDK support.
AI-written summary · about
chapters (18)
- 0:00Intro
- 2:35The best part of Bootstrap
- 3:33What is Bootstrap
- 4:39Bootstrap Reboot
- 6:11Bootstrap Grid
- 7:51Bootstrap Utilities
- 8:41Responsiveness
- 10:43Angular Material
- 11:38Angular Material Components
- 12:50CDK Layout
- 13:28Drag Drop
- 14:05Material Components
- 15:31Material Component
- 19:06Bootstrap vs Angular Material
- 23:16Utility first approach
- 24:36Separation of concern
- 25:05Inline CSS
- 25:29Maintainability
related talks
31mAngular Material or Bootstrap? Stop asking the question!
29mEasy, Breezy, Beautiful: Angular Material
48mAn Introduction Into Using Angular’s Material Design
19mCreating Beautiful Experiences Fast with Angular Material
46mMaterial Design in practice with AngularJS
32mAngular Material CDK
23mAngular CDK and Material in 2018
25mAngular Material CDK, Datatables and more