Bootstrap 4 what's new and changed

TL;DR

Bootstrap 4 is dropping support for Internet Explorer 8, introducing card support, including a CSS reboot, and upgrading the navigation bar.

Transcript

hey dear everyone this is Satish and I'm back again with another video in this video I would like to talk about the bootstrap phone so everybody is excited that we are moving from bootstrap 3 to bootstrap 4 and we already know that bootstrap 3 was a big hit big success every developer loves that so a lot of new features are coming up with the boots... Read More

Key Insights

• 💦 Bootstrap 4 is dropping support for Internet Explorer 8 and glyph icons, streamlining the framework for modern development needs.
• 🥶 The introduction of card support in Bootstrap 4 allows for more flexible component design but requires migration from older features like panels and thumbs.
• 😥 The inclusion of the reboot.CSS file in Bootstrap 4 addresses the issue of browser-applied default styles, providing a more consistent starting point for website design.
• 📈 Bootstrap 4 is migrating from LESS to Sass, which offers more powerful features and reflects future trends in CSS development.
• 📽️ Despite changes in Bootstrap 4, the 12 column grid system remains a fundamental feature, ensuring compatibility with existing projects.
• 👶 The framework is also making adjustments to smaller screen sizes, potentially introducing a new size but promoting stability through alpha and beta releases.
• 🤢 Bootstrap 4 includes significant upgrades to the navigation bar, simplifying customization and making it easier to restyle according to individual preferences.

Questions & Answers

Q: What major change is happening in Bootstrap 4 regarding browser support?

Bootstrap 4 is dropping support for Internet Explorer 8, which presents a challenge for developers who need to design websites for that browser.

Q: What is the reason behind dropping support for glyph icons in Bootstrap 4?

Glyph icons in Bootstrap have been overshadowed by Font Awesome, so it makes sense to drop the support and encourage the use of Font Awesome instead.

Q: What is the significance of the introduction of card support in Bootstrap 4?

Card support in Bootstrap 4 is a CSS feature that allows for more flexibility in designing components, but it also means that the use of panels, thumbs, and wells is no longer supported.

Q: How does Bootstrap 4 address the issue of browser-applied default styles?

Bootstrap 4 includes the reboot.CSS file, which normalizes the browser's default styles, removing the need to manually include a long list of CSS code to address browser defaults.

Summary & Key Takeaways

• Bootstrap 4 is dropping support for Internet Explorer 8 and glyph icons, while introducing card support.

• There are some subtle changes in tables and forms, but they are not drastic.

• Bootstrap 4 is migrating from LESS to Sass, updating the 12 column grid, and upgrading the navigation bar.