Utfordring og Quiz: Sette Opp Bootstrap
Merk
Alle utfordringer vil følge samme format som vist nedenfor:
- Du vil få presentert oppgaven som skal løses;
- Deretter vil du se en kodeblokk hvor du skal implementere endringer basert på oppgaven;
- Klikk på Kjør kode-knappen for å forhåndsvise den levende siden;
- Under kodeblokken finner du to knapper: Hint og Løsning;
- Hint-knappen gir veiledning til oppgaven;
- Løsning-knappen viser riktig løsning.
- Det anbefales at du forsøker å løse oppgaven selv før du bruker Løsning-knappen.
Oppgave
Du har fått utdelt en grunnleggende HTML-kode med et button-element, som for øyeblikket er stylet med standard nettleser-stiler. Selv om button-elementet har klassenavn fra Bootstrap, vises ingen endringer på den levende siden fordi Bootstrap ikke er integrert i prosjektet. Din oppgave er å legge til de nødvendige lenkene for å koble Bootstrap til prosjektet.
index.html
- For å legge til lenken til Bootstrap CSS, bruk følgende kode:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">. - For Bootstrap JavaScript-lenken, bruk denne koden:
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>.
index.html
Quiz
1. Hva er en av metodene for å integrere Bootstrap i et prosjekt?
2. Hva står CDN for i sammenheng med Bootstrap-integrasjon?
3. Hvilken kommando brukes for å installere Bootstrap via NPM?
Takk for tilbakemeldingene dine!
Spør AI
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
Awesome!
Completion rate improved to 3.23Utfordring og Quiz: Sette Opp Bootstrap
Sveip for å vise menyen
Merk
Alle utfordringer vil følge samme format som vist nedenfor:
- Du vil få presentert oppgaven som skal løses;
- Deretter vil du se en kodeblokk hvor du skal implementere endringer basert på oppgaven;
- Klikk på Kjør kode-knappen for å forhåndsvise den levende siden;
- Under kodeblokken finner du to knapper: Hint og Løsning;
- Hint-knappen gir veiledning til oppgaven;
- Løsning-knappen viser riktig løsning.
- Det anbefales at du forsøker å løse oppgaven selv før du bruker Løsning-knappen.
Oppgave
Du har fått utdelt en grunnleggende HTML-kode med et button-element, som for øyeblikket er stylet med standard nettleser-stiler. Selv om button-elementet har klassenavn fra Bootstrap, vises ingen endringer på den levende siden fordi Bootstrap ikke er integrert i prosjektet. Din oppgave er å legge til de nødvendige lenkene for å koble Bootstrap til prosjektet.
index.html
- For å legge til lenken til Bootstrap CSS, bruk følgende kode:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">. - For Bootstrap JavaScript-lenken, bruk denne koden:
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>.
index.html
Quiz
1. Hva er en av metodene for å integrere Bootstrap i et prosjekt?
2. Hva står CDN for i sammenheng med Bootstrap-integrasjon?
3. Hvilken kommando brukes for å installere Bootstrap via NPM?
Takk for tilbakemeldingene dine!
