1
00:00:03,390 --> 00:00:09,795
Let's take a look at yet another interesting component in bootstrap,

2
00:00:09,795 --> 00:00:11,945
called as the bootstrap carousel.

3
00:00:11,945 --> 00:00:16,020
The carousel allows you to display multiple items on

4
00:00:16,020 --> 00:00:21,340
your web page and provides an animated display of these items.

5
00:00:21,340 --> 00:00:25,660
As I mentioned, a carousel is an interesting component

6
00:00:25,660 --> 00:00:29,870
that allows you to include a slideshow on your web page,

7
00:00:29,870 --> 00:00:33,300
and can also provide manual controls for the slides.

8
00:00:33,300 --> 00:00:39,165
So, as the slides slide from left to right on your web page,

9
00:00:39,165 --> 00:00:43,040
you can control and choose which particular item to view,

10
00:00:43,040 --> 00:00:47,225
and also you can manually scroll the items left and right.

11
00:00:47,225 --> 00:00:53,565
Carousel finds a lot of applications in many websites that you might have visited.

12
00:00:53,565 --> 00:00:56,780
Let's take a look at an example of a carousel.

13
00:00:56,780 --> 00:00:58,745
Go into your web page,

14
00:00:58,745 --> 00:01:01,540
you see a carousel included on this web page.

15
00:01:01,540 --> 00:01:04,115
So, you see that this carousel provides

16
00:01:04,115 --> 00:01:07,750
interesting transitions from one slide to another,

17
00:01:07,750 --> 00:01:13,050
and also provides manual controls that enable you to select which item to view.

18
00:01:13,050 --> 00:01:17,610
So for example, you can manually scroll right and left in the carousel.

19
00:01:17,610 --> 00:01:21,330
You can also select an item from the carousel

20
00:01:21,330 --> 00:01:25,450
using these indicators that are provided at the bottom of the carousel.

21
00:01:25,450 --> 00:01:30,500
I'm sure you have seen many websites using this kind of component.

22
00:01:30,500 --> 00:01:34,270
Now that I have gotten you interested in the carousel,

23
00:01:34,270 --> 00:01:40,125
I'm sure you're curious about how you create one for your web page.

24
00:01:40,125 --> 00:01:44,630
That is what we're going to examine in this next exercise,

25
00:01:44,630 --> 00:01:47,580
where we will add a carousel to our web page,

26
00:01:47,580 --> 00:01:53,250
the index.html page and then create the manual controls for it.