Installation af Bootstrap via CDN
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
index.html
Stilarter anvendt med Bootstrap
index.html
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.
Tak for dine kommentarer!
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
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.23Installation af Bootstrap via CDN
Stryg for at vise menuen
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
index.html
Stilarter anvendt med Bootstrap
index.html
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.
Tak for dine kommentarer!
