Udfordring og Quiz: Opsætning af Bootstrap
Bemærk
Alle udfordringer vil følge samme format som vist nedenfor:
- Du vil blive præsenteret for opgaven, der skal løses;
- Herefter vil du se et kodeblok, hvor du skal implementere ændringer baseret på opgaven;
- Klik på Kør kode-knappen for at forhåndsvise den levende side;
- Under kodeblokken finder du to knapper: Tip og Løsning;
- Tip-knappen giver vejledning til opgaven;
- Løsning-knappen viser den korrekte løsning.
- Det anbefales, at du forsøger at løse opgaven selv, før du bruger Løsning-knappen.
Opgave
Du har fået udleveret en grundlæggende HTML-kode med et button-element, der i øjeblikket er stylet med standard browser-stilarter. Selvom button-elementet indeholder klassenavne fra Bootstrap, er der ingen synlige ændringer på den levende side, fordi Bootstrap ikke er blevet integreret i projektet. Din opgave er at tilføje de relevante links for at forbinde Bootstrap til projektet.
index.html
- For at tilføje linket til Bootstrap CSS, brug følgende kode:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">. - Til Bootstrap JavaScript-linket, brug denne kode:
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>.
index.html
Quiz
1. Hvad er en af metoderne til at integrere Bootstrap i et projekt?
2. Hvad står CDN for i forbindelse med Bootstrap-integration?
3. Hvilken kommando bruges til at installere Bootstrap via NPM?
Tak for dine kommentarer!
Spørg AI
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.23Udfordring og Quiz: Opsætning af Bootstrap
Stryg for at vise menuen
Bemærk
Alle udfordringer vil følge samme format som vist nedenfor:
- Du vil blive præsenteret for opgaven, der skal løses;
- Herefter vil du se et kodeblok, hvor du skal implementere ændringer baseret på opgaven;
- Klik på Kør kode-knappen for at forhåndsvise den levende side;
- Under kodeblokken finder du to knapper: Tip og Løsning;
- Tip-knappen giver vejledning til opgaven;
- Løsning-knappen viser den korrekte løsning.
- Det anbefales, at du forsøger at løse opgaven selv, før du bruger Løsning-knappen.
Opgave
Du har fået udleveret en grundlæggende HTML-kode med et button-element, der i øjeblikket er stylet med standard browser-stilarter. Selvom button-elementet indeholder klassenavne fra Bootstrap, er der ingen synlige ændringer på den levende side, fordi Bootstrap ikke er blevet integreret i projektet. Din opgave er at tilføje de relevante links for at forbinde Bootstrap til projektet.
index.html
- For at tilføje linket til Bootstrap CSS, brug følgende kode:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">. - Til Bootstrap JavaScript-linket, brug denne kode:
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>.
index.html
Quiz
1. Hvad er en af metoderne til at integrere Bootstrap i et projekt?
2. Hvad står CDN for i forbindelse med Bootstrap-integration?
3. Hvilken kommando bruges til at installere Bootstrap via NPM?
Tak for dine kommentarer!
