Utmaning & Quiz: Konfigurera Bootstrap
Obs
Alla utmaningar följer samma format som visas nedan:
- Du får en uppgift som ska utföras;
- Därefter möter du ett kodblock där du ska genomföra ändringar baserat på uppgiften;
- Klicka på Kör kod-knappen för att förhandsgranska den levande sidan;
- Under kodblocket hittar du två knappar: Ledtråd och Lösning;
- Ledtråd-knappen ger vägledning för uppgiften;
- Lösning-knappen visar den korrekta lösningen.
- Det rekommenderas att du försöker lösa uppgiften själv innan du använder Lösning-knappen.
Uppgift
Du har fått en grundläggande HTML-kod med ett button-element, som för närvarande är stylat med webbläsarens standardstilar. Även om button-elementet innehåller klassnamn från Bootstrap, syns inga förändringar på den levande sidan eftersom Bootstrap ännu inte har integrerats i projektet. Din uppgift är att lägga till lämpliga länkar för att ansluta Bootstrap till projektet.
index.html
- För att lägga till länken till Bootstrap CSS, använd följande kod:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">. - För Bootstrap JavaScript-länken, använd denna kod:
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>.
index.html
Quiz
1. Vilket är ett av sätten att integrera Bootstrap i ett projekt?
2. Vad står CDN för i samband med Bootstrap-integrering?
3. Vilket kommando används för att installera Bootstrap via NPM?
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Awesome!
Completion rate improved to 3.23Utmaning & Quiz: Konfigurera Bootstrap
Svep för att visa menyn
Obs
Alla utmaningar följer samma format som visas nedan:
- Du får en uppgift som ska utföras;
- Därefter möter du ett kodblock där du ska genomföra ändringar baserat på uppgiften;
- Klicka på Kör kod-knappen för att förhandsgranska den levande sidan;
- Under kodblocket hittar du två knappar: Ledtråd och Lösning;
- Ledtråd-knappen ger vägledning för uppgiften;
- Lösning-knappen visar den korrekta lösningen.
- Det rekommenderas att du försöker lösa uppgiften själv innan du använder Lösning-knappen.
Uppgift
Du har fått en grundläggande HTML-kod med ett button-element, som för närvarande är stylat med webbläsarens standardstilar. Även om button-elementet innehåller klassnamn från Bootstrap, syns inga förändringar på den levande sidan eftersom Bootstrap ännu inte har integrerats i projektet. Din uppgift är att lägga till lämpliga länkar för att ansluta Bootstrap till projektet.
index.html
- För att lägga till länken till Bootstrap CSS, använd följande kod:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">. - För Bootstrap JavaScript-länken, använd denna kod:
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>.
index.html
Quiz
1. Vilket är ett av sätten att integrera Bootstrap i ett projekt?
2. Vad står CDN för i samband med Bootstrap-integrering?
3. Vilket kommando används för att installera Bootstrap via NPM?
Tack för dina kommentarer!
