Bootstrap 4 Is Coming!
summary
Bootstrap 4 drops legacy IE support and makes Flexbox the default layout model, so grids, alignment, ordering and offsets use flex behavior instead of floats. It introduces a new extra-small breakpoint at 576px, applies box-sizing: border-box globally, replaces thumbnails/wells/panels with a unified card component, removes the default icon/font library, and swaps Normalize for a larger-base-font Reboot. The grid adds an automatic responsive col for equal-width columns (including five- or seven-column layouts), everything is modularized via Sass for selective imports.
AI-written summary · about
chapters (11)
- 0:00Bootstrap history
- 5:22Bootstrap 4 global changes
- 7:30Deprecated components
- 9:43Grid system changes
- 11:11New grid system
- 13:24Flexbox limitations overcome
- 15:58Flexbox alignment
- 19:18What is Flexbox
- 21:46Sass customization
- 24:16Advanced Sass classes
- 26:28When to use Bootstrap 4
related talks
30mStart Using CSS Grid Layout Today
31mBootstrap 4 - Everything You Need to Know
31mHow to use CSS grid today in the real world
18mRefactoring with CSS Grid
26mResponsive Components: Present & Future
24mMany Flavours of Enterprise CSS Grid
04h 48mIntermediate To Advanced CSS For Practical Peoples
55mSmart Layouts