Bootstrap Code Play

Impara il responsive web design con le lezioni di Bootstrap che puoi modificare e visualizzare in anteprima. Bootstrap Code Play unisce spiegazioni, esempi di codice e un ambiente di prova per permetterti di esplorare come una modifica al markup influisce su una pagina.

LEGGI, MODIFICA, VISUALIZZA IN ANTEPRIMA

Scegli un argomento, leggi come funziona, quindi tocca "Prova" per aprire l'esempio nell'editor. Modifica una classe, regola il contenuto o aggiungi un elemento. Apri l'anteprima per controllare il risultato, quindi torna al codice per un altro esperimento.

IMPARA I FONDAMENTI

Esercitati con griglie responsive, tipografia, pulsanti, avvisi, tabelle e moduli. Esplora componenti come schede, barre di navigazione, fisarmoniche e finestre di dialogo nei percorsi di apprendimento pertinenti. Le lezioni guidate includono passaggi, sfide ed errori comuni per aiutarti a comprendere il codice anziché limitarti a copiarlo. Le lezioni di progetto uniscono i concetti in esempi come una sezione prezzi e una dashboard compatta.

SCEGLI UN PERCORSO DI APPRENDIMENTO

Studia il percorso Bootstrap 5.3.8 incluso, oppure esplora Bootstrap 4.6.2 e 3.4.1 per progetti meno recenti. I percorsi precedenti non sono più supportati e sono disponibili solo a scopo didattico e di migrazione. Un percorso Bootstrap 6 alpha separato è sperimentale; la sua anteprima richiede l'accesso a Internet e una WebView moderna.

CONTINUA A FARE PRATICA

Cerca argomenti o naviga per categoria. Contrassegna le lezioni come completate e visualizza il tuo conteggio di completamento per ogni versione. Apri il playground per i tuoi esperimenti HTML, salva un file e riprendilo tramite la sezione File salvati.

MODIFICA CON STRUMENTI UTILI

Utilizza l'evidenziazione della sintassi, annulla e ripristina, trova e sostituisci e vai alla riga mentre lavori sugli esempi. Salva con nome conserva una copia separata e Condividi codice invia il testo dell'editor tramite le opzioni di condivisione disponibili.

Per studenti, autodidatti e sviluppatori che ripassano i layout responsive, l'app offre un ciclo pratico: leggi una spiegazione, apporta una piccola modifica e controlla il risultato.

L'app contiene pubblicità. Gli esempi che fanno riferimento a risorse esterne richiedono una connessione a Internet; la disponibilità delle risorse remote può variare.