Bootstrap 3 Essential Training, Creating a carousel

Bootstrap has a lot of components that depend on JavaScript. By far the most popular one is the carousel. It lets you take a group of images and show them in a presentation that you can control with buttons. You can slide through these, and it looks really good on browsers.

So I’m going to show you how to do that in this video and some of the things that you’ll need to watch out for. So in order to create this, I have a layout that has a navigation at the top and then three images and then some content at the bottom so that we can see how adding this carousel is going to affect the layout.

So the first thing I need to do is grab these three images and I am going to cut down into my clipboard, and we need to create a container with a class of carousel.

Now a carousel has many different parts, so the images go in a section called carousel-inner, so we’ll have to create a div with a class of carousel-inner, and then I’m going to paste the photos back in there. Let’s go ahead and add a couple of comments here.

Leave a Reply

Notify of