Sfida e Quiz: Configurazione di Bootstrap
Nota
Tutte le sfide seguiranno lo stesso formato illustrato di seguito:
- Verrà presentato il compito da completare;
- Successivamente, troverai un blocco di codice in cui dovrai apportare modifiche in base al compito;
- Fai clic sul pulsante Esegui Codice per visualizzare l’anteprima della pagina live;
- Sotto il blocco di codice, troverai due pulsanti: Suggerimento e Soluzione;
- Il pulsante Suggerimento fornisce indicazioni per il compito;
- Il pulsante Soluzione mostra la soluzione corretta.
- Si consiglia di provare a svolgere il compito autonomamente prima di utilizzare il pulsante Soluzione.
Compito
Ti è stato fornito un codice HTML di base con un elemento button, attualmente stilizzato con gli stili predefiniti del browser. Sebbene l’elemento button includa nomi di classi derivati da Bootstrap, nessuna modifica è visibile nella pagina live perché Bootstrap non è stato ancora integrato nel progetto. Il tuo compito è aggiungere i collegamenti appropriati per connettere Bootstrap al progetto.
index.html
- Per aggiungere il collegamento al CSS di Bootstrap, utilizzare il seguente codice:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">. - Per il collegamento JavaScript di Bootstrap, utilizzare questo codice:
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>.
index.html
Quiz
1. Qual è uno dei metodi per integrare Bootstrap in un progetto?
2. Cosa significa CDN nel contesto dell'integrazione di Bootstrap?
3. Quale comando viene utilizzato per installare Bootstrap tramite NPM?
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 explain where exactly I should place the Bootstrap links in the HTML file?
Do I need to add both the CSS and JavaScript links for Bootstrap to work?
What changes should I expect to see after adding Bootstrap to the project?
Awesome!
Completion rate improved to 3.23Sfida e Quiz: Configurazione di Bootstrap
Scorri per mostrare il menu
Nota
Tutte le sfide seguiranno lo stesso formato illustrato di seguito:
- Verrà presentato il compito da completare;
- Successivamente, troverai un blocco di codice in cui dovrai apportare modifiche in base al compito;
- Fai clic sul pulsante Esegui Codice per visualizzare l’anteprima della pagina live;
- Sotto il blocco di codice, troverai due pulsanti: Suggerimento e Soluzione;
- Il pulsante Suggerimento fornisce indicazioni per il compito;
- Il pulsante Soluzione mostra la soluzione corretta.
- Si consiglia di provare a svolgere il compito autonomamente prima di utilizzare il pulsante Soluzione.
Compito
Ti è stato fornito un codice HTML di base con un elemento button, attualmente stilizzato con gli stili predefiniti del browser. Sebbene l’elemento button includa nomi di classi derivati da Bootstrap, nessuna modifica è visibile nella pagina live perché Bootstrap non è stato ancora integrato nel progetto. Il tuo compito è aggiungere i collegamenti appropriati per connettere Bootstrap al progetto.
index.html
- Per aggiungere il collegamento al CSS di Bootstrap, utilizzare il seguente codice:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">. - Per il collegamento JavaScript di Bootstrap, utilizzare questo codice:
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>.
index.html
Quiz
1. Qual è uno dei metodi per integrare Bootstrap in un progetto?
2. Cosa significa CDN nel contesto dell'integrazione di Bootstrap?
3. Quale comando viene utilizzato per installare Bootstrap tramite NPM?
Grazie per i tuoi commenti!
