Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
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.
I'll paste the new code. And this is just going to be the right arrow. So we'll save this and go back into our page. And I'm going to refresh, and you'll see that this was working just fine before. The cool thing was that it wasn't really the functionality of Bootstrap that was broken, it's just a little bit of the code and you'll find that when going from Bootstrap 2 to Bootstrap 3 a lot of the changes are going to be this minor. Another thing that you may watch out for is, if you're using a class of hide SM or some other class that hides the Carousel at a different size, you don't have to worry about that now because the carousel will automatically now hide at smaller sizes.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.