Faça um Carousel Bootstrap Agora – Tutorial Completo Do zero

miniatura-carousel

Carousel Bootstrap – Tutorial Completo

Neste tutorial você vai aprender a fazer um Slider Responsivo utilizando o Bootstrap Carousel

Com o Carousel, você consegue montar Sliders elegantes, responsivos e automáticos, sem escrever uma linha de javascript

Uma das maiores vantagens do Carousel é que ele já tem alguns parâmetros prontos, graças o Framework Bootstrap, que inclui vários elementos javascript prontos, o que agiliza muito o desenvolvimento de sites e aplicações web responsivas.

Veja o vídeo abaixo onde explico detalhadamente como criar o Bootstrap Carousel do Zero. Inclusive colocarei o link para baixar os arquivos usados no tutorial.

Sem mais delongas, veja o tutorial!

 

Baixe os Arquivos do Tutorial

O ideal é que você faça sempre qualquer tutorial do zero. Só assim você vai aprender de verdade.

Eu disponibilizo os arquivos apenas para que você possa comparar, caso o seu Carousel Bootstrap não funcione por algum motivo.

Já adianto que muitas pessoas erram ao escrever o código do Carousel nos seguintes itens:

  • Esquecem de chamar o jQuery (necessário para o Slider funcionar)
  • Chamam o jQuery depois do Javascript do Bootstrap (o correto é sempre antes)
  • Não colocam a classe “active” no item do Slider (explico isso no vídeo)

 

 

Baixe os arquivos

 

 

 

Você ainda poderá ver e baixar a apresentação que usei no vídeo

Note que eu usei uma apresentação para dar um melhor suporte no vídeo. Esta apresentação está disponível no meu Slideshare.

Abaixo, você acompanha toda apresentação. É mais um meio para te ajudar!

 

Compartilhe

Rodrigo Milano

Trabalho há 14 anos com criação e desenvolvimento de sites e sistemas online.

Você pode gostar...