From the course: Bootstrap 4 Migration

Unlock this course with a free trial

Join today to access over 22,400 courses taught by industry experts.

Changing a carousel

Changing a carousel

- [Instructor] Carousels are one of the most popular features in Bootstrap. Now thankfully upgrading them is quite easy. First of all, the item class has to be changed to the carousel-item class. And that's going to be the main change. Everything else happens in the arrows. Now in the buttons that control how something moves forwards or backwards, the class of left carousel-control has to be changed to carousel-control-prev and the right carousel-control, which is the right arrow, has to be changed to carousel-control-next. Also, there are no glyphicons in this version of Bootstrap which means that you're going to have to use different classes, one called carousel-control-prev-icon for the icon moving to the left, and carousel-control-next-icon for the icon moving to the right. You may also have to size your images manually. So let's take a look at some code. Here is how your slides are going to look like when you first pull up a carousel from a previous version. All the images are…

Contents