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

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?

Awesome!

Completion rate improved to 3.23

Stryg for at vise menuen