Lære Installation af Bootstrap via NPM

Installation af Bootstrap via NPM muliggør mere effektiv håndtering af afhængigheder og integration af Bootstrap i projektets build-proces.

Sådan installeres Bootstrap via NPM:

I terminalen skal følgende kommando køres:

Efter installation af Bootstrap kan Bootstrap CSS- og JavaScript-filer inkluderes i HTML-filen eller importeres i JavaScript-filerne efter behov;
For eksempel kan Bootstrap's CSS og JS importeres i hoved-HTML-filen (f.eks. index.html) ved at bruge:

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

Bemærk

I dette kursus vil vi benytte CDN-links til at integrere Bootstrap-funktioner i projektet. Denne metode eliminerer behovet for at håndtere komplekse afhængigheder.

Dog er det fuldt ud acceptabelt, hvis du foretrækker at arbejde på din lokale maskine ved hjælp af NPM. Efterfølgende emner vil fungere identisk, uanset hvordan du tilføjer Bootstrap til dit projekt.

Var alt klart?

Tak for dine kommentarer!

Sektion 2. Kapitel 3

Spørg AI

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Awesome!

Completion rate improved to 3.23

Stryg for at vise menuen