From the course: Bootstrap 4 Layouts: Responsive Single-Page Design

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Working with carousels

Working with carousels - Bootstrap Tutorial

From the course: Bootstrap 4 Layouts: Responsive Single-Page Design

Start my 1-month free trial

Working with carousels

- [Instructor] Right so we have another really common component that you need to learn how to use. It's the carousel and for that my amazing art department has made me some pictures of the monsters riding a carousel, how cute that is. So what we're gonna do is look at what we have to get started and it's this article tag. It has an ID so that we can target it when we click on our navigation and I've been adding this class of page-section so I've already populated that for you and here's our three little images. So carousels are actually pretty easy but there is a lot of code, and the way that it works is you first have to create some sort of tag, I've been using section tags for all of my components. This is one of them where I don't want a header. I don't really need a header for a carousel, you don't usually use headers on those. So I'm gonna use a section here and a carousel needs an ID and that's because there are some JavaScript components that need to target the carousel. So…

Contents