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

Escrito por

Compartilhe este artigo

Compartilhar no facebook
Compartilhar no linkedin
Compartilhar no twitter
Compartilhar no email

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!

 

Curso Elementor Grátis

Aprenda o construtor de sites mais usado atuamente

Explore mais artigos

Stock Video Footage – Bancos de vídeos gratuitos e pagos

Uma pequena lista de bancos de vídeos gratuitos e pagos. https://www.videvo.net/stock-video-footage/people/ https://www.pexels.com/videos/ https://www.pond5.com/pt/stock-footage/ http://www.xstockvideo.com/ https://www.videezy.com/

Como personalizar as cores dos botões do Elementor

Você já precisou inserir vários botões em um site feito com o Elementor? Já notou que isso pode ser uma tarefa repetitiva e que te toma tempo? Sim, porque a cada botão inserido é preciso: Escolher a cor do texto Escolher a cor do fundo Escolher a cor do texto pro mouse hover Escolher a

Quer dar um gás no seu site?

Vamos bater um papo que eu te ajudo