2
respostas

Colocar os thumbnails em rotação

No caso do curso até este momento, estamos desenvolvendo os thumbnails um embaixo do outro, mas e se eu quisesse que no dispositivo móvel em vez de aparecer um embaixo do outro eles aparecem em um slider e a cada rotação seria um thumbnail diferente para mostrar?

Como eu faço com o bootstrap? Lembrando que para desktops quero que não exista este slide, todos devem aparecer na tela de uma vez.

2 respostas

Olá Marcos!

Para a criação de slideshow no bootstrap existe a função Carousel que você pode conferir a documentação no link a seguir:

http://getbootstrap.com/docs/4.0/components/carousel/

Há bastante código, mas não é muito difícil de trabalhar com este recurso do Bootstrap

Já com relação à diferença da página em dispositivo mobile e desktop, uma solução para este problema é trabalhar com "Media queries" que você poderá encontrar no Curso "Web Design Responsivo: Páginas que se adaptam do mobile ao desk".

Espero que ajude de alguma forma com a sua dúvida.

Eu entendo como trabalhar como media queries, mas como eu posso "anular" a função do carousel?

Isso que está me pegando.