Lære Installasjon av Bootstrap via Npm

Sveip for å vise menyen

Å installere Bootstrap via NPM gir oss mulighet til å håndtere avhengigheter mer effektivt og integrere Bootstrap i prosjektets byggeprosess.

Slik installerer du Bootstrap via NPM:

I terminalen bør vi kjøre følgende kommando:

Etter at Bootstrap er installert, kan vi inkludere Bootstrap CSS- og JavaScript-filene i HTML-filen eller importere dem i JavaScript-filene etter behov;
For eksempel kan vi importere Bootstraps CSS og JS i hoved-HTML-filen (f.eks. index.html) ved å bruke:

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

Merk

I dette kurset vil vi bruke CDN-lenker for å integrere Bootstrap-funksjoner i prosjektet. Denne metoden eliminerer behovet for å håndtere komplekse avhengigheter.

Men hvis du foretrekker å jobbe på din lokale maskin ved hjelp av NPM, er det helt i orden. Påfølgende emner vil fungere identisk uavhengig av hvordan du kobler Bootstrap til prosjektet ditt.

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 3

Spør AI

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Seksjon 2. Kapittel 3