Uitdaging & Quiz: Bootstrap Instellen
Opmerking
Alle uitdagingen volgen hetzelfde formaat als hieronder weergegeven:
- Je krijgt de taak gepresenteerd die voltooid moet worden;
- Vervolgens zie je een codeblok waarin je wijzigingen moet aanbrengen op basis van de taak;
- Klik op de knop Run Code om de live pagina te bekijken;
- Onder het codeblok vind je twee knoppen: Hint en Solution;
- De knop Hint biedt begeleiding bij de taak;
- De knop Solution toont de juiste oplossing.
- Het wordt aanbevolen om eerst zelf de taak te proberen voordat je op de knop Solution klikt.
Taak
Je hebt een basis HTML-code gekregen met een button-element, momenteel gestyled met de standaard browserstijlen. Hoewel het button-element klassenamen bevat die afkomstig zijn van Bootstrap, zijn er geen wijzigingen zichtbaar op de live pagina omdat Bootstrap nog niet aan het project is toegevoegd. Je taak is om de juiste links toe te voegen om Bootstrap aan het project te koppelen.
index.html
- Om de link naar de Bootstrap CSS toe te voegen, gebruik de volgende code:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">. - Voor de Bootstrap JavaScript-link, gebruik deze code:
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>.
index.html
Quiz
1. Wat is een van de methoden om Bootstrap in een project te integreren?
2. Waar staat CDN voor in de context van Bootstrap-integratie?
3. Welke opdracht wordt gebruikt om Bootstrap via NPM te installeren?
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Awesome!
Completion rate improved to 3.23Uitdaging & Quiz: Bootstrap Instellen
Veeg om het menu te tonen
Opmerking
Alle uitdagingen volgen hetzelfde formaat als hieronder weergegeven:
- Je krijgt de taak gepresenteerd die voltooid moet worden;
- Vervolgens zie je een codeblok waarin je wijzigingen moet aanbrengen op basis van de taak;
- Klik op de knop Run Code om de live pagina te bekijken;
- Onder het codeblok vind je twee knoppen: Hint en Solution;
- De knop Hint biedt begeleiding bij de taak;
- De knop Solution toont de juiste oplossing.
- Het wordt aanbevolen om eerst zelf de taak te proberen voordat je op de knop Solution klikt.
Taak
Je hebt een basis HTML-code gekregen met een button-element, momenteel gestyled met de standaard browserstijlen. Hoewel het button-element klassenamen bevat die afkomstig zijn van Bootstrap, zijn er geen wijzigingen zichtbaar op de live pagina omdat Bootstrap nog niet aan het project is toegevoegd. Je taak is om de juiste links toe te voegen om Bootstrap aan het project te koppelen.
index.html
- Om de link naar de Bootstrap CSS toe te voegen, gebruik de volgende code:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">. - Voor de Bootstrap JavaScript-link, gebruik deze code:
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>.
index.html
Quiz
1. Wat is een van de methoden om Bootstrap in een project te integreren?
2. Waar staat CDN voor in de context van Bootstrap-integratie?
3. Welke opdracht wordt gebruikt om Bootstrap via NPM te installeren?
Bedankt voor je feedback!
