From the course: Bootstrap 3 Essential Training
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Creating a carousel - Bootstrap Tutorial
From the course: 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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.