Installera Bootstrap via CDN
När du arbetar med ett vanligt HTML-, CSS- och JS-projekt kan du använda en CDN för att inkludera Bootstraps CSS- och JavaScript-filer direkt i HTML-dokumentet utan att ladda ner dem till den lokala datorn.
Så här inkluderar du 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>
Skillnad i beteende
I exemplen nedan kommer vi att visa skillnaden mellan standardwebbläsarens stilar och de stilar som tillämpas med Bootstrap. Vi kommer inte att fokusera på användningen av Bootstrap vid detta tillfälle.
Standardwebbläsarens stilar
index.html
Stilar tillämpade med Bootstrap
index.html
Förklaring
Båda exemplen innehåller ett button-element med klasserna btn och btn-primary. Utseendet uppnås enbart genom att använda dessa två klasser som tillhandahålls av Bootstrap, utan behov av ytterligare CSS-styling.
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Awesome!
Completion rate improved to 3.23Installera Bootstrap via CDN
Svep för att visa menyn
När du arbetar med ett vanligt HTML-, CSS- och JS-projekt kan du använda en CDN för att inkludera Bootstraps CSS- och JavaScript-filer direkt i HTML-dokumentet utan att ladda ner dem till den lokala datorn.
Så här inkluderar du 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>
Skillnad i beteende
I exemplen nedan kommer vi att visa skillnaden mellan standardwebbläsarens stilar och de stilar som tillämpas med Bootstrap. Vi kommer inte att fokusera på användningen av Bootstrap vid detta tillfälle.
Standardwebbläsarens stilar
index.html
Stilar tillämpade med Bootstrap
index.html
Förklaring
Båda exemplen innehåller ett button-element med klasserna btn och btn-primary. Utseendet uppnås enbart genom att använda dessa två klasser som tillhandahålls av Bootstrap, utan behov av ytterligare CSS-styling.
Tack för dina kommentarer!
