Boa tarde, gostaria de saber porque deveriamos adicionar o 2° link se o primeiro, CDN, ja inclui o javascript?
Boa tarde, gostaria de saber porque deveriamos adicionar o 2° link se o primeiro, CDN, ja inclui o javascript?
Oi Michael, boa tarde!
O primeiro link que você adiciona é o da biblioteca CSS do Bootstrap, que é responsável por toda a estilização da sua página, como layouts, cores, fontes, etc.
No entanto, o Bootstrap também possui componentes que dependem de JavaScript para funcionar corretamente, como carrosséis, modais, dropdowns, entre outros. Esses componentes precisam do arquivo JavaScript do Bootstrap para habilitar funcionalidades interativas.
Por exemplo, se você quiser adicionar um carrossel à sua página, o CSS sozinho não será suficiente para fazer com que as imagens deslizem automaticamente. O JavaScript do Bootstrap é necessário para controlar esse comportamento.
Em resumo, o primeiro link <link href="https://stackpath.bootstrapcdn.com/bootstrap/5.1.3/css/bootstrap.min.css" rel="stylesheet">
adiciona o CSS do Bootstrap, enquanto o segundo link <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.1.3/js/bootstrap.bundle.min.js"></script>
adiciona o JavaScript necessário para os componentes interativos.
Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!