1
00:00:03,390 --> 00:00:09,795
Vamos dar uma olhada em mais um componente interessante no bootstrap,

2
00:00:09,795 --> 00:00:11,945
chamado como o carrossel bootstrap.

3
00:00:11,945 --> 00:00:16,020
O carrossel permite que você exiba vários itens em

4
00:00:16,020 --> 00:00:21,340
sua página da Web e fornece uma exibição animada desses itens.

5
00:00:21,340 --> 00:00:25,660
Como eu mencionei, um carrossel é um componente interessante

6
00:00:25,660 --> 00:00:29,870
que permite incluir uma apresentação de slides em sua página da web,

7
00:00:29,870 --> 00:00:33,300
e também pode fornecer controles manuais para os slides.

8
00:00:33,300 --> 00:00:39,165
Assim, como os slides deslizam da esquerda para a direita em sua página da Web,

9
00:00:39,165 --> 00:00:43,040
você pode controlar e escolher qual item específico exibir,

10
00:00:43,040 --> 00:00:47,225
e também você pode rolar manualmente os itens para a esquerda e para a direita.

11
00:00:47,225 --> 00:00:53,565
Carrossel encontra muitos aplicativos em muitos sites que você pode ter visitado.

12
00:00:53,565 --> 00:00:56,780
Vamos dar uma olhada em um exemplo de um carrossel.

13
00:00:56,780 --> 00:00:58,745
Vá para sua página da web,

14
00:00:58,745 --> 00:01:01,540
você verá um carrossel incluído nesta página da web.

15
00:01:01,540 --> 00:01:04,115
Então, você vê que este carrossel fornece

16
00:01:04,115 --> 00:01:07,750
transições interessantes de um slide para outro

17
00:01:07,750 --> 00:01:13,050
e também fornece controles manuais que permitem selecionar qual item exibir.

18
00:01:13,050 --> 00:01:17,610
Então, por exemplo, você pode rolar manualmente para a direita e para a esquerda no carrossel.

19
00:01:17,610 --> 00:01:21,330
Você também pode selecionar um item do carrossel

20
00:01:21,330 --> 00:01:25,450
usando esses indicadores que são fornecidos na parte inferior do carrossel.

21
00:01:25,450 --> 00:01:30,500
Tenho certeza que você já viu muitos sites usando esse tipo de componente.

22
00:01:30,500 --> 00:01:34,270
Agora que eu tenho você interessado no carrossel,

23
00:01:34,270 --> 00:01:40,125
eu tenho certeza que você está curioso sobre como você criar um para sua página web.

24
00:01:40,125 --> 00:01:44,630
Isso é o que vamos examinar neste próximo exercício,

25
00:01:44,630 --> 00:01:47,580
onde vamos adicionar um carrossel à nossa página web,

26
00:01:47,580 --> 00:01:53,250
a página index.html e, em seguida, criar os controles manuais para ele.