Installasjon av Bootstrap via CDN
Når du arbeider med et vanlig HTML-, CSS- og JS-prosjekt, kan du bruke en CDN for å inkludere Bootstraps CSS- og JavaScript-filer direkte i HTML-dokumentet uten å laste dem ned til den lokale maskinen.
Slik 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>
Forskjell i oppførsel
I eksemplene nedenfor vil vi demonstrere forskjellen mellom standard nettleserstiler og stiler brukt med Bootstrap. Vi vil ikke fokusere på bruk av Bootstrap på dette tidspunktet.
Standard nettleserstiler
index.html
Stiler brukt med Bootstrap
index.html
Forklaring
Begge eksemplene inneholder et button-element med klassene btn og btn-primary. Utseendet oppnås utelukkende ved å bruke disse to klassene fra Bootstrap, uten behov for ekstra CSS-styling.
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
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.23Installasjon av Bootstrap via CDN
Sveip for å vise menyen
Når du arbeider med et vanlig HTML-, CSS- og JS-prosjekt, kan du bruke en CDN for å inkludere Bootstraps CSS- og JavaScript-filer direkte i HTML-dokumentet uten å laste dem ned til den lokale maskinen.
Slik 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>
Forskjell i oppførsel
I eksemplene nedenfor vil vi demonstrere forskjellen mellom standard nettleserstiler og stiler brukt med Bootstrap. Vi vil ikke fokusere på bruk av Bootstrap på dette tidspunktet.
Standard nettleserstiler
index.html
Stiler brukt med Bootstrap
index.html
Forklaring
Begge eksemplene inneholder et button-element med klassene btn og btn-primary. Utseendet oppnås utelukkende ved å bruke disse to klassene fra Bootstrap, uten behov for ekstra CSS-styling.
Takk for tilbakemeldingene dine!
