Når du arbejder på et almindeligt HTML-, CSS- og JS-projekt, kan du bruge et CDN til at inkludere Bootstraps CSS- og JavaScript-filer direkte i HTML-dokumentet uden at downloade dem til den lokale maskine.

Sådan kan vi inkludere Bootstrap via CDN i HTML-filen:

<!-- 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>

Forskelle i opførsel

I eksemplerne nedenfor demonstreres forskellen mellem standard browser-stilarter og stilarter anvendt med Bootstrap. Vi fokuserer ikke på brugen af Bootstrap på nuværende tidspunkt.

Standard browserstilarter

Stilarter anvendt med Bootstrap

Forklaring

Begge eksempler indeholder et button-element med klasserne btn og btn-primary. Udseendet opnås udelukkende ved at anvende disse to klasser fra Bootstrap uden behov for yderligere CSS-styling.