There's a lot of other small changes to the platform. They don't really warrant a whole chapter, so here are some of the minor, but important changes. Most of these changes happened because the new bootstrap uses a more consistent naming structure that adds an element description prefix to the front of each class. In the long run, this is going to make classes easier to remember.
- [Voiceover] There's a lot of other small changes in the framework. They don't really warrant entire chapters of themselves, so I'm gonna walk you through some of the ones that I think you need to worry about when upgrading or migrating a website. First off, carousels are one of the most popular features in Bootstrap. So if you're moving some sites with carousels, you need to change the name of the item class, because it's now called carousel item. And the same way, if you have any images with the image responsive class, now that's called img-fluid.
Also, the btn-default now is called btn-secondary. There is no btn-xs class or any btn-group-xs classes any more, so you'll need to make sure that you look for those. They're not really gonna hurt anything if they're in there, but it's better to just remove all the extraneous classes as well. There's also no navbar-form class, because it's no longer needed with the revamp form elements. Also, if you're using any pagers, the previous and next are now called pager previous and pager next.
Now if you want the full listing of all of the changes, there's a great guide in the Bootstrap documentation called Migration, or Migrating to v4. And, you can see a very detailed list of all of the different changes. I've tried to outline the ones that are going to be the most important here. But, you definitely want to go and check out this document. It's gonna change as the different alphas and then the betas happen in Bootstrap.
- Installing the upgrade
- Using Reboot.css
- Using the new grid
- Working with new navigation and card components
- Understanding table and form changes