Leer Bootstrap Installeren via NPM

Bootstrap installeren via NPM maakt het mogelijk om afhankelijkheden efficiënter te beheren en Bootstrap te integreren in het buildproces van het project.

De installatie van Bootstrap via NPM verloopt als volgt:

In de terminal dient het volgende commando te worden uitgevoerd:

Na het installeren van Bootstrap kunnen de Bootstrap CSS- en JavaScript-bestanden in het HTML-bestand worden opgenomen of indien nodig worden geïmporteerd in de JavaScript-bestanden;
Bijvoorbeeld, Bootstrap's CSS en JS kunnen in het hoofd HTML-bestand (bijvoorbeeld index.html) worden geïmporteerd met:

<!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>

Opmerking

In deze cursus maken we gebruik van CDN-links om Bootstrap-functionaliteiten te integreren in het project. Deze methode elimineert de noodzaak om complexe afhankelijkheden te beheren.

Mocht je echter de voorkeur geven aan werken op je lokale machine met NPM, dan is dat volledig toegestaan. De volgende onderwerpen functioneren identiek, ongeacht hoe je Bootstrap aan je project koppelt.

Was alles duidelijk?

Bedankt voor je feedback!

Sectie 2. Hoofdstuk 3

Vraag AI

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Suggested prompts:

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?

Veeg om het menu te tonen