Aula bootstrap-carousel
-
Upload
cristina-luz -
Category
Technology
-
view
144 -
download
0
Transcript of Aula bootstrap-carousel
![Page 1: Aula bootstrap-carousel](https://reader036.fdocument.pub/reader036/viewer/2022083105/587c4aa61a28abc62c8b4a67/html5/thumbnails/1.jpg)
Carrossel
![Page 2: Aula bootstrap-carousel](https://reader036.fdocument.pub/reader036/viewer/2022083105/587c4aa61a28abc62c8b4a67/html5/thumbnails/2.jpg)
Carrossel
ícones de navegação.
Para adicionas as setas de navegação adicione a classe: .glyphicon .glyphicon-chevron-left e .glyphicon .glyphicon-chevron-right
As Classe .icon-prev e icon-next . É responsável por Adicionar o circulo de navegação.
![Page 3: Aula bootstrap-carousel](https://reader036.fdocument.pub/reader036/viewer/2022083105/587c4aa61a28abc62c8b4a67/html5/thumbnails/3.jpg)
legendas opcionais
Optional Captions
Para adicionar as legendas no seus slides você deve colocar a classe. carousel-caption e dentro do .item, adicione os
Elementos HTML opcional e ele será automaticamente alinhado e formatado.
![Page 4: Aula bootstrap-carousel](https://reader036.fdocument.pub/reader036/viewer/2022083105/587c4aa61a28abc62c8b4a67/html5/thumbnails/4.jpg)
Exercícios
Adicione o titulo e descrição nas imagens
1) o que git? resposta curta.
2) O que é SEO? resposta curta.
3) O que é Front-end ? resposta curta.
![Page 5: Aula bootstrap-carousel](https://reader036.fdocument.pub/reader036/viewer/2022083105/587c4aa61a28abc62c8b4a67/html5/thumbnails/5.jpg)
Opções JS
![Page 6: Aula bootstrap-carousel](https://reader036.fdocument.pub/reader036/viewer/2022083105/587c4aa61a28abc62c8b4a67/html5/thumbnails/6.jpg)
Exemplo
![Page 7: Aula bootstrap-carousel](https://reader036.fdocument.pub/reader036/viewer/2022083105/587c4aa61a28abc62c8b4a67/html5/thumbnails/7.jpg)
Exercício
Adicione uma imagem no Slider atual.
![Page 8: Aula bootstrap-carousel](https://reader036.fdocument.pub/reader036/viewer/2022083105/587c4aa61a28abc62c8b4a67/html5/thumbnails/8.jpg)
Obrigada
Criado por :Cristina Luz