From the course: Bootstrap 3 New Features and Migration

Unlock this course with a free trial

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

Fixing carousels

Fixing carousels

Now we're upgrading from Bootstrap 2 to Bootstrap 3, and one of the things that doesn't look quite right is the Carousel. That's because the new Carousels are coded slightly differently, so we need to go ahead and fix that. Let's go into our code and you'll notice that I've placed the Carousel inside a PHP component called snippet-carousel, and that's in the underscore folder, in the PHP folder, and it's called snippet-carousel, so all the code for it is right here. Let me go ahead and hide this sidebar. Compare this with the new code for carousel. We'll go to the Bootstrap site, click on JavaScript, and then go down to Carousel. You'll see that the code is pretty much the same, except, that now we have to use these different chevrons, instead of the right arrows and left arrows that we used before. So what I'm going to do is, I'm going to grab this right here, it's this span with a class of glyphicon and glyphicon-chevron-left, and I'm going to copy that, and switch over to our code.…

Contents