Instalando o Bootstrap via NPM
A instalação do Bootstrap via NPM permite gerenciar dependências de forma mais eficiente e integrar o Bootstrap ao processo de build do projeto.
Veja como instalar o Bootstrap via NPM:
- No terminal, deve-se executar o seguinte comando:
- Após instalar o Bootstrap, é possível incluir os arquivos CSS e JavaScript do Bootstrap no arquivo HTML ou importá-los nos arquivos JavaScript conforme necessário;
- Por exemplo, é possível importar o CSS e o JS do Bootstrap no arquivo HTML principal (por exemplo,
index.html) utilizando:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Bootstrap Example</title>
<!-- Include Bootstrap CSS -->
<link
rel="stylesheet"
href="node_modules/bootstrap/dist/css/bootstrap.min.css"
/>
</head>
<body>
<button class="btn btn-primary">Click me</button>
<!-- Include Bootstrap JS -->
<script src="node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
Nota
Neste curso, utilizaremos links CDN para integrar os recursos do Bootstrap ao projeto. Esse método elimina a necessidade de gerenciar dependências complexas.
No entanto, se preferir trabalhar em sua máquina local utilizando o NPM, isso também é perfeitamente aceitável. Os tópicos seguintes funcionarão de forma idêntica, independentemente de como você conecta o Bootstrap ao seu projeto.
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
What are the advantages of installing Bootstrap via NPM instead of using a CDN?
How do I import Bootstrap into my JavaScript files after installing it with NPM?
Can you explain the difference between using Bootstrap from NPM and from a CDN?
Awesome!
Completion rate improved to 3.23Instalando o Bootstrap via NPM
Deslize para mostrar o menu
A instalação do Bootstrap via NPM permite gerenciar dependências de forma mais eficiente e integrar o Bootstrap ao processo de build do projeto.
Veja como instalar o Bootstrap via NPM:
- No terminal, deve-se executar o seguinte comando:
- Após instalar o Bootstrap, é possível incluir os arquivos CSS e JavaScript do Bootstrap no arquivo HTML ou importá-los nos arquivos JavaScript conforme necessário;
- Por exemplo, é possível importar o CSS e o JS do Bootstrap no arquivo HTML principal (por exemplo,
index.html) utilizando:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Bootstrap Example</title>
<!-- Include Bootstrap CSS -->
<link
rel="stylesheet"
href="node_modules/bootstrap/dist/css/bootstrap.min.css"
/>
</head>
<body>
<button class="btn btn-primary">Click me</button>
<!-- Include Bootstrap JS -->
<script src="node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
Nota
Neste curso, utilizaremos links CDN para integrar os recursos do Bootstrap ao projeto. Esse método elimina a necessidade de gerenciar dependências complexas.
No entanto, se preferir trabalhar em sua máquina local utilizando o NPM, isso também é perfeitamente aceitável. Os tópicos seguintes funcionarão de forma idêntica, independentemente de como você conecta o Bootstrap ao seu projeto.
Obrigado pelo seu feedback!
