Bootstrap Installeren via CDN
Bij het werken aan een standaard HTML-, CSS- en JS-project kan een CDN worden gebruikt om de CSS- en JavaScript-bestanden van Bootstrap direct in het HTML-document op te nemen zonder deze lokaal te hoeven downloaden.
Hier volgt hoe Bootstrap via een CDN in het HTML-bestand kan worden opgenomen:
<!-- Include Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Include Bootstrap JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>
Verschil in gedrag
In de onderstaande voorbeelden wordt het verschil getoond tussen standaard browserstijlen en stijlen die met Bootstrap worden toegepast. Het gebruik van Bootstrap wordt op dit moment niet behandeld.
Standaard browserstijlen
index.html
Stijlen toegepast met Bootstrap
index.html
Uitleg
Beide voorbeelden bevatten een button-element voorzien van de klassen btn en btn-primary. Het uiterlijk wordt uitsluitend gerealiseerd door het toepassen van deze twee door Bootstrap geleverde klassen, zonder dat extra CSS-styling nodig is.
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Can you show me examples of the button with and without Bootstrap?
What are the main visual differences between the default and Bootstrap-styled buttons?
Can you explain what the `btn` and `btn-primary` classes do in Bootstrap?
Awesome!
Completion rate improved to 3.23Bootstrap Installeren via CDN
Veeg om het menu te tonen
Bij het werken aan een standaard HTML-, CSS- en JS-project kan een CDN worden gebruikt om de CSS- en JavaScript-bestanden van Bootstrap direct in het HTML-document op te nemen zonder deze lokaal te hoeven downloaden.
Hier volgt hoe Bootstrap via een CDN in het HTML-bestand kan worden opgenomen:
<!-- Include Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Include Bootstrap JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>
Verschil in gedrag
In de onderstaande voorbeelden wordt het verschil getoond tussen standaard browserstijlen en stijlen die met Bootstrap worden toegepast. Het gebruik van Bootstrap wordt op dit moment niet behandeld.
Standaard browserstijlen
index.html
Stijlen toegepast met Bootstrap
index.html
Uitleg
Beide voorbeelden bevatten een button-element voorzien van de klassen btn en btn-primary. Het uiterlijk wordt uitsluitend gerealiseerd door het toepassen van deze twee door Bootstrap geleverde klassen, zonder dat extra CSS-styling nodig is.
Bedankt voor je feedback!
