Installazione di Bootstrap Tramite CDN
Quando si lavora su un progetto HTML, CSS e JS puro, è possibile utilizzare una CDN per includere i file CSS e JavaScript di Bootstrap direttamente nel documento HTML senza scaricarli sulla macchina locale.
Ecco come includere Bootstrap tramite CDN nel file HTML:
<!-- 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>
Differenza di comportamento
Negli esempi seguenti verrà illustrata la differenza tra gli stili predefiniti del browser e quelli applicati con Bootstrap. Non ci concentreremo sull'utilizzo di Bootstrap in questa fase.
Stili predefiniti del browser
index.html
Stili applicati con Bootstrap
index.html
Spiegazione
Entrambi gli esempi presentano un elemento button arricchito con le classi btn e btn-primary. L'aspetto è ottenuto esclusivamente applicando queste due classi fornite da Bootstrap, senza la necessità di ulteriori stili CSS.
Grazie per i tuoi commenti!
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione
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.23Installazione di Bootstrap Tramite CDN
Scorri per mostrare il menu
Quando si lavora su un progetto HTML, CSS e JS puro, è possibile utilizzare una CDN per includere i file CSS e JavaScript di Bootstrap direttamente nel documento HTML senza scaricarli sulla macchina locale.
Ecco come includere Bootstrap tramite CDN nel file HTML:
<!-- 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>
Differenza di comportamento
Negli esempi seguenti verrà illustrata la differenza tra gli stili predefiniti del browser e quelli applicati con Bootstrap. Non ci concentreremo sull'utilizzo di Bootstrap in questa fase.
Stili predefiniti del browser
index.html
Stili applicati con Bootstrap
index.html
Spiegazione
Entrambi gli esempi presentano un elemento button arricchito con le classi btn e btn-primary. L'aspetto è ottenuto esclusivamente applicando queste due classi fornite da Bootstrap, senza la necessità di ulteriori stili CSS.
Grazie per i tuoi commenti!
