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

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!